Javascript DOM

Permisi suhu2 sekalian saya nubi mau tanya ya :D, saya ada case seperti ini diformulir yang dibuat ada fungsi tombol pada tabel untuk menambahkan baris dan isinya pada tabel contoh :

<table id="myKra" align="center" style="width:100%;" cellpadding="1" cellspacing="0" border="1">
  <tr>
     <td colspan="1" align="center"><strong>NO.</strong></td>
     <td colspan="1" align="center"><strong>IMPORTANCE</strong></td>
     <td colspan="1" align="center"><strong>DESCRIPTION</strong></td>
  </tr>
</table>
<button type="button" onclick="addRowKra()">tambah</button>

<script>
function addRowKra() {
  var tableKra = document.getElementById("myKra");
  var row = tableKra.insertRow(-1);
  var cell1 = row.insertCell(0);
  var cell2 = row.insertCell(1);
  var cell3 = row.insertCell(2);

  cell1.innerHTML = "
    <input id=\"txtNoUrut\" type=\"text\" \"\">
  ";

  cell2.innerHTML = "
    <select name=\"cbImportance\" id=\"cbImportance\">
      <option value=\"0\" selected>--Pilih--</option>
      <option value=\"1\">Critical</option>
      <option value=\"2\">Sangat Penting</option>
      <option value=\"3\">Cukup</option>
    </select>
  ";

  cell3.innerHTML = "
    <textarea id=\"txtDescription\" type=\"text\"></textarea>
  ";
}
</script>

Untuk kondisi berikutnya adalah menampilkan data dari database pada form, saya juga ingin menambahkan data tersebut berdasarkan jumlah detil baris yang ada pada database setelah menjalankan query contoh :

<script>
var rowCount = tableKra.rows.length ;
for (var n=0; n < rowCount; n++) {
  document.tableKra.row[n].cell1.txtNoUrut.value = myRequestKra.getValue("no_urut");
  document.tableKra.row[n].cell2.cbImportance.value = myRequestKra.getValue("importance");
  document.tableKra.row[n].cell3.txtDescription.value = myRequestKra.getValue("description");
</script>
}

Contoh diatas kemungkinan masih salah, disini saya ingin mencari pencerahan bagaimana syntax yang seharusnya agar dapat menampilkan data dari database sesuai pengulangan pada field2 yang dibuat dengan innerHTML atau ada metode lain yang dapat digunakan?

Terima kasih sebelumnya suhu2 sekalian, mohon maaf kalau masih berantakan.

nb : myRequestKra.getValue(""); merupakan fungsi di framework yang ada untuk mengambil data dari database.

avatar deckyaruna
@deckyaruna

1 Kontribusi 0 Poin

Dipost 7 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban