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

【问题标题】：How to display data in textbox from database MySQL based on selected option?如何根据所选选项在数据库 MySQL 的文本框中显示数据？
【发布时间】：2021-04-08 19:54:15
【问题描述】：

我在 MySQL 中有一个表“tb_seri”，列有“id_seri”、“nm_seri”和“value_seri”

所以，我想在选择选项中选择“nm_seri”，然后根据选择的“nm_seri”，文本框中会出现“value_seri”

这是从数据库中选择“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>

【问题讨论】：

您好，您的尝试也表明了这一点。
这个方法我试过了，(stackoverflow.com/a/48514474/14926713)还是不行
我明白了，您可以使用您使用该答案所做的更改和您得到的错误来编辑您当前的代码吗？
警告： mysql_* 扩展自 PHP 5.5.0 起已弃用，自 PHP 7.0.0 起已被删除。相反，应该使用mysqli 或PDO_MySQL 扩展名。在选择 MySQL API 时，另请参阅 MySQL API Overview 以获得更多帮助。

标签： javascript php html mysql ajax

【解决方案1】：

在您当前的 js 代码中，没有 value 它应该是 nm_seri 。然后，您使用 data('nm_seri') 获取数据属性，它应该是 data('value') 并使用 $('#value_seri').val(value_seri); 在输入框中显示此值。此外，您的函数名称应与 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>

【讨论】：