Membuat input dinamis dengan value dari tabel database

asep Ibnu · Nov 22, 2012
Permisi para master, saya mau bertanya nih, saya buat input dinamis dengan menggunakan javascript, namun value di textfilednya baerasal dari perintah query dengan kata lain diambil dari tabel DB yang sudah ada.
untuk record pertama berhasil, namun ketika klik button tambah field, tidak muncul data yang dari tabel DB. ada yang bisa bantu gimana caranya nyisipin query tersebut di javascript.Terlampir code yang udah ane buat.
Mohon bantuannya, terimakasih para master :)
<html>
<head>
<script>
var idrow = 2;

function tambah(){
    var x=document.getElementById('datatable').insertRow(idrow);
    var td1=x.insertCell(0);
    var td2=x.insertCell(1);
    var td3=x.insertCell(2);
    var td4=x.insertCell(3);
	var td5=x.insertCell(4);
	
    //td1.innerHTML="<input type='tex't name='idkaryawan[]'>";
	td1.innerHTML="<select name='prdId[]'><option>-------</option><option>Perempuan</option></select>"; //diharapkan query php bisa di sisipkan disini
        td2.innerHTML="<input type ='text' name='nama[]'>";
        td3.innerHTML="<select name='sex[]'><option>Laki-laki</option><option>Perempuan</option></select>";
        td4.innerHTML="<input type ='text' name='email[]'>";
	td5.innerHTML="<input type ='date' name='date[]'>";
	
    idrow++;
}

function hapus(){
    if(idrow>2){
        var x=document.getElementById('datatable').deleteRow(idrow-1);
        idrow--;
    }
}
</script></head>
<body>
<form action=prosesdatakaryawan.php method=post>
<table id=datatable border=0>
<tr bgcolor=#ababab>
<td>ID Karyawan</td>
<td>Nama</td>
<td>Jenis Kelamin</td>
<td>Email</td>
<td>Tanggal</td>
</tr>
<tr>
<td>
//query memanggil data dari database
<?php
$result = mysql_query("select * from partner");
$jsArray = "var prdName = new Array();\n";
echo '<select name="prdId[]" onchange="document.getElementById(\'prd_name\').value = prdName[this.value]">';
echo '<option>-------</option>';
while ($row = mysql_fetch_array($result)) {
    echo '<option value="' . $row['id_partner'] . '">' . $row['id_partner'] . '</option>';
    $jsArray .= "prdName['" . $row['id_partner'] . "'] = '" . addslashes($row['partnername']) . "';\n";
}
echo '</select>';
?>

</td>
<td><input type='text' name='nama[]' id='prd_name'/>
<script type='text/javascript'>
<?php echo $jsArray; ?>
</script></td>
<td><select name='sex[]'><option>Laki-laki</option><option>Perempuan</option></select></td>
<td><input type ='text' name='email[]'></td>
<td><input type ='date' name='date[]'></td>
</tr>
</table>
<input type=button value=tambah onclick=tambah()>
<input type=button value=delete onclick=hapus()
<br>
<input type=submit>
</form>
</body>
</html>
Silahkan login untuk menjawab!