Question

我有一个下拉框和一个文本框。我想要当我选择下拉值时，它将根据数据库下拉选择自动填充匹配的数据库文本框值。

这是我的代码：-

下拉菜单和文本框：-

<select name="product" required>
 <option value=""></option>
 <?php                          
  while($productRow = mysqli_fetch_assoc($productResult)){?>
  <option value="<?php echo $productRow['ID'];?>">
  <?php echo $productRow['Category']; ?></option><?php } ?>
</select>

<input placeholder="Phone Number" name="phoneNumber" id="pnum"  type="text">

脚本：-

 <script>
    $(document).ready(function(){
     $('select[name="product"]').change(function()
        {
     $('#pnum').val($('select[name="product"] option:selected').data('Mobile'));
        }

     );
     });

     </script>

现在，下拉列表值每次更改时，现在文本框都会填充空值。请帮忙。

Answer 1

您需要将html更改为

<select name="product[]" size=20 multiple required>
 <?php                          
  while($productRow = mysqli_fetch_assoc($productResult)){?>
  <option value="<?php echo $productRow['ID'];?>">
  <?php echo $productRow['Category']; ?></option><?php } ?>
</select>

然后删除脚本，因为不再需要该脚本。所有的项目选择都在<select>元素中完成。

在服务器端，您将获取产品数组中的值。

每次更改db下拉值时，文本框都会填充空值

1 个答案: