post:207 Uncaught TypeError: Cannot set property 'value' of null

saya ingin menginput data di tabel pengambilan, dimana ketika saya pilih id_detail_permintaan dari tabel permintaan detail maka id_material dan jumlah akan otomatis muncul, namun begitu saya memilih id_detail_permintaan yang ada di select option, id_material dan jumlahnya tidak mau otomatis muncul.

ini kodingannya

 <tr>
            <td width="15%">ID Detail Permintaan</td>
            <td>
              <select name="id_detail_permintaan" class="form-control" id="id_detail_permintaan" onChange="changeValue(this.value)">
                <!-- <option value="0">--Pilih Id Permintaan Detail--</option required> -->
                <?php
                $jsArray = "var dtBB = new Array();\n";
                echo "<option value='0' selected/>--Pilih Detail Permintaan--</option required>";
                //echo "string";
                foreach ($permindet as $k) {
                  echo "<option value= '$k->id_detail_permintaan'>$k->id_detail_permintaan, $k->id_permintaan</option>";

                  $jsArray .= "dtBB['" . $k->id_detail_permintaan ."']={id_material:'".addslashes($k->id_material)."',
                              jumlah:'".addslashes($k->jumlah)."'};\n";
                }
                ?>
              </select>
            </td>
          </tr>

 <script type="text/javascript">
      <?php echo $jsArray;?>
      function changeValue(id_detail_permintaan){
        document.getElementById('id_material').value = dtBB[id_detail_permintaan].id_material;
        //document.getElementById('nama_material').value=dtBB[id_detail_permintaan].nama_material;
        document.getElementById('jumlah').value = dtBB[id_detail_permintaan].jumlah;

      };
    </script>

pada saat saya melihat inspect muncul error

 post:207 Uncaught TypeError: Cannot set property 'value' of null
    at changeValue (post:207)
    at HTMLSelectElement.onchange (post:106)