-1
我想要一個從數據庫列填充自己的組合框,當用戶從組合框中選擇一個選項時,它將填充同一頁面上的文本框,其中包含與在組合框中進行選擇。如何從選中的組合框填充文本框
下面是我用來填充文本框的代碼,當我從下拉組合框中選擇了選擇的nama。但它不起作用,文本框仍然是空白的。 我有下拉工作,也填充使用名稱的JavaScript數組,但我只是不能解決如何使用數組顯示在字段中。
我明白它將不得不使用JavaScript和Onchange函數,任何人都可以指向正確的方向嗎?
歡呼聲和感謝提前:)
<script src="js/jquery.js"></script>
<script type="text/javascript">
var selected = new Array();
<?php
$query1 = "SELECT * FROM inventori";
$result1 = mysql_query($query1) or die(mysql_error());
// build javascript array
while($row1=mysql_fetch_array($result1)){
echo 'selected['.$row1['selectnama'].'] = new Array();';
echo 'selected['.$row1['selectnama'].']["NAMA_BAHAN_BAKU"] = "'.$row1['NAMA_BAHAN_BAKU'].'";';
echo 'selected['.$row1['selectnama'].']["SATUAN"] = "'.$row1['SATUAN'].'";';
}
?>
function showname() {
var selectnama = document.formInventori.selectnama.value;
document.formInventori.SATUAN.value = selected[selectnama]["SATUAN"];
}
window.onload=function() {
showname();
}
</script>
<form role="form" action="" method="post" name="formInventori">
<div class="form-group">
<label for="NAMA_BAHAN_BAKU">Nama Bahan Baku</label>
<select class="form-control" name="selectnama" onchange="showname()">
<option value="">Pilih Nama Bahan Baku</option>
<?php
$query1 = "SELECT * FROM inventori";
$result1 = mysql_query($query1) or die(mysql_error());
// build javascript array
while($row1=mysql_fetch_array($result1)){
echo '<option value="'.$row1['ID_BAHAN_BAKU'].'">'.$row1['NAMA_BAHAN_BAKU'].'</option>'; }
?>
</select>
</div>
<div class="form-group">
<label for="SATUAN">Satuan Barang</label>
<input type="text" class="form-control" readonly="" id="SATUAN" name="SATUAN" value="">
</div>
</form>
必須使用jQuery ... – AbraCadaver
您希望文本框中的文本更改爲在下拉列表中選擇的內容嗎? –
是依賴於數據庫中的項目。例如。如果我在組合框中選擇「繩索」,那麼文本框將填充「米」,如果我選擇「棒」,文本框將填充「個人電腦」@MelvinRufetu –