[英]How to display data in textbox from database MySQL based on selected option?
我在 MySQL 中有一個表“tb_seri”,其中包含“id_seri”、“nm_seri”和“value_seri”列
所以,我想在 select 選項中的 select "nm_seri",然后根據 "nm_seri" 選擇 "value_seri" 將出現在文本框中
這是數據庫中 select "nm_seri" 的代碼
<select name="nm_seri" id="nm_seri" onchange="myfunction()" required>
<option disabled selected>-Pilih Seri-</option>
<?php
$qu="Select DISTINCT nm_seri from tb_seri";
$res=$koneksi->query($qu);
while($r=mysqli_fetch_row($res))
{
echo "<option data-value='$r[1]' value='$r[0]'> $r[0] </option>";
}
?>
</select>
我已經從這里嘗試了各種代碼,但我仍然感到困惑。
這個文本框代碼顯示“value_seri”
<input type="text" name="value_seri" id="value_seri" value="" disabled><br></td>
<script>
function myFunction()
{
var value_seri = $('#value').find(':selected').data('nm_seri');
$('#value').val(value_seri);
}
</script>
在您當前的 js 代碼中,沒有value
應該是nm_seri
。然后,您使用data('nm_seri')
獲取數據屬性,它應該是data('value')
並使用$('#value_seri').val(value_seri);
在輸入框中顯示此值$('#value_seri').val(value_seri);
.此外,您的 function 名稱應與onchange="myfunction()"
匹配,因此也要更改。
演示代碼:
function myfunction() { var value_seri = $('#nm_seri').find(':selected').data('value'); $('#value_seri').val(value_seri); }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select name="nm_seri" id="nm_seri" onchange="myfunction()" required> <option disabled selected>-Pilih Seri-</option> <option data-value='1' value='soemthing'> soemthing</option> <option data-value='2' value='soemthing2'> soemthing2</option> <option data-value='3' value='soemthin3g'> soemthing3</option> </select> <input type="text" name="value_seri" id="value_seri" value="" disabled><br>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.