multiple combobox

<script type="text/javascript">
var rowCount = 1;
function addMoreRows(frm) {
rowCount ++;
var recRow = '<p id="rowCount'+rowCount+'"><div class="form-group"><label>Nama Material</label><select class="form-control" name="nama_brg" id="nama_brg" onchange="changeValue(this.value)"><option>-Pilih-</option><?php echo $jsArray ?></select></div><div class="row"><div class="col-xs-6"><label>Jumlah</label><input class="form-control" name="jumlah" type="text" id="jumlah" size="30" /></div><div class="col-xs-6"><label>Satuan</label><input class="form-control" name="satuan" type="text" id="satuan" size="30" /></div></div><a href="javascript:void(0);" onclick="removeRow('+rowCount+');">Hapus</a></p>';
jQuery('#addedRows').append(recRow);
}
function removeRow(removeNum) {
jQuery('#rowCount'+removeNum).remove();
}
</script>

<script type="text/javascript">
<?php echo $jsArray; ?>
function changeValue(nama_brg){
document.getElementById('jumlah').value = databrg[nama_brg].jumlah;
document.getElementById('satuan').value = databrg[nama_brg].satuan;
};
</script>

<div class="form-group"><label>Nama Material</label>
  <select class="form-control" name="nama_brg" id="nama_brg" onchange="changeValue(this.value)" >
    <option value='0'>-Pilih-</option>
      <?php
       $result = mysqli_query($conn,"SELECT * FROM barang");
       $jsArray = "var databrg = new Array();";
       while ($row = mysqli_fetch_array($result)) {
       echo '<option value="' . $row['nama_brg'] . '">' . $row['nama_brg'] . '</option>';
       $jsArray .= "databrg['" . $row['nama_brg'] . "'] = {jumlah:'" . $row['jumlah'] . "',satuan:'".$row['satuan']."'};";
       }
      ?>
        </select>
      </div>

   <div class="row">
        <div class="col-xs-6"><label>Jumlah</label>
          <input class="form-control" name="jumlah" type="text" id="jumlah" size="30" />
        </div>
        <div class="col-xs-6"><label>Satuan</label>
          <input class="form-control" name="satuan" type="text" id="satuan" size="30" />
        </div>
      </div><br/>
      <span style="font:normal 12px agency, arial; color:blue; text-decoration:underline; cursor:pointer;" onclick="addMoreRows(this.form);">
        Tambah
      </span>
      <div id="addedRows"></div><br/>