如何根据所选选项在数据库 MySQL 的文本框中显示数据？

Question

我在 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>

Answer 1

在您当前的 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>