- Beranda
- Komunitas
- Tech
- Programmer Forum
Bagaimana cara membuat select option pada input dinamis PHP
TS
bajiroot666
Bagaimana cara membuat select option pada input dinamis PHP
Hallow agan2.. gw punya scritp seperti ini nich:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<link rel="stylesheet" href="style.css">
[removed][removed]
</head>
<body>
<form id="id_form" action="save.php" method="post">
<table>
<tr>
<td><input type="button" name="add_btn" value="Add" id="add_btn"></td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td>No</td><td>Item</td><td>Code Item</td><td> </td>
</tr>
<tbody id="container">
<!-- nanti rows nya muncul di sini -->
</tbody>
<tr>
<td><input type="submit" name=submit value="Save"></td><td> </td><td> </td><td> </td>
</tr>
</table>
</form>
</body>
</html>
aq due jquery
$("#add_btn").click(function(){
count += 1;
$('#container').append(
'<tr class="records">'
+ '<td><div id="'+count+'">' + count + '</div></td>'
+ '<td><input class="form-control form-control-sm" name="kode_1' + count + '" id="kode_1" disabled></td>'
+ '<td><select class="form-control-sm form-control" name="kategori_biaya' + count + '" id="site"><option></option>
<?php include "koneksi.php";$result1 = mysql_query("select * from kode1 order by kode_1");
$jsArray1 = "var dtsite = new Array();";while ($row = mysql_fetch_array($result1)) { echo '
<option value="' . $row['kategori_biaya'] . '">' . $row['kategori_biaya'] . '</option>';
$jsArray1 .= "dtsite['" . $row['kategori_biaya'] . "'] =
{kode_1:'" . addslashes($row['kode_1']) . "'};";}?>
</select>
</td>'
Penjelasan singkatnya, gw mau bikin input dinamis dengan php.. pada script diatas, pada baris input pertama, ketika select kategori barang, maka pada field input akan muncul kode barang secara otomatis..
Nah yang jadi masalah ketika saya menambahkan baris ke dua (add row input dinamis).. ketika dilakukan select kategori biaya, yang berubah bukan kode barang pada baris ke 2 tapi tetap yang di baris (row) pertama..
Mohon pencerahannya agan2 🙏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<link rel="stylesheet" href="style.css">
[removed][removed]
</head>
<body>
<form id="id_form" action="save.php" method="post">
<table>
<tr>
<td><input type="button" name="add_btn" value="Add" id="add_btn"></td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td>No</td><td>Item</td><td>Code Item</td><td> </td>
</tr>
<tbody id="container">
<!-- nanti rows nya muncul di sini -->
</tbody>
<tr>
<td><input type="submit" name=submit value="Save"></td><td> </td><td> </td><td> </td>
</tr>
</table>
</form>
</body>
</html>
aq due jquery
$("#add_btn").click(function(){
count += 1;
$('#container').append(
'<tr class="records">'
+ '<td><div id="'+count+'">' + count + '</div></td>'
+ '<td><input class="form-control form-control-sm" name="kode_1' + count + '" id="kode_1" disabled></td>'
+ '<td><select class="form-control-sm form-control" name="kategori_biaya' + count + '" id="site"><option></option>
<?php include "koneksi.php";$result1 = mysql_query("select * from kode1 order by kode_1");
$jsArray1 = "var dtsite = new Array();";while ($row = mysql_fetch_array($result1)) { echo '
<option value="' . $row['kategori_biaya'] . '">' . $row['kategori_biaya'] . '</option>';
$jsArray1 .= "dtsite['" . $row['kategori_biaya'] . "'] =
{kode_1:'" . addslashes($row['kode_1']) . "'};";}?>
</select>
</td>'
Penjelasan singkatnya, gw mau bikin input dinamis dengan php.. pada script diatas, pada baris input pertama, ketika select kategori barang, maka pada field input akan muncul kode barang secara otomatis..
Nah yang jadi masalah ketika saya menambahkan baris ke dua (add row input dinamis).. ketika dilakukan select kategori biaya, yang berubah bukan kode barang pada baris ke 2 tapi tetap yang di baris (row) pertama..
Mohon pencerahannya agan2 🙏
nona212 memberi reputasi
1
3.8K
18
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Tampilkan semua post
eternu5
#1
Bisa dikasih ilustrasi prosesnya? "Baris 1" "Baris 2" soalnya susah dipahami
0
Tutup