将 mysql 数据库生成的下拉列表中的值放入表单输入字段答案

【问题标题】：Put value from a mysql databae-generated dropdown list into a form input field将 mysql 数据库生成的下拉列表中的值放入表单输入字段
【发布时间】：2019-05-16 14:05:42
【问题描述】：

我有一个从数据库查询中填充的下拉列表。选项为1,2,3等。选择项目时，我希望COMP_ID的值（例如“1”）进入表单的输入字段的占位符。提交表单后，占位符的值将通过 INSERT 语句插入到数据库的另一个表中（连同其他数据）。这是我的代码：

<?php
    echo "<label>Please select the Competition:&nbsp;&nbsp;<select name='opt'>";
    while ($row = mysqli_fetch_array($result)) {            
    echo "<option value='" . $row['comp_id'] ."'>" . $row['compname'] ."</option>";
    }
    echo "</select></label>";
    print_r($row['comp_id']);
    ?>

这是表格的一部分：

<input type="text" name="comp_id" placeholder=" (the value from the selected item ">

尽管我进行了无数次搜索，但我似乎无法找到解决方案。非常感谢您的帮助。谢谢。

【问题讨论】：

标签： php forms input

【解决方案1】：

您可以使用jQuery

HTML

<select name="opt">
  <option value="0">Select</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

<input type="text" name="comp_id" placeholder="(the value from the selected item)">

jQuery

$("select[name=opt]").on("change", function(){
    var val = $(this).val();
  $("input[name=comp_id]").attr( "placeholder", val );
});

Demo

注意：只有输入字段的值才会在表单提交时发布。表单提交时不会发布占位符。

【讨论】：

感谢您的回复。但正如我所说，我的列表是使用 php 从数据库中填充的。如果可以，我该如何应用您的 jQuery 提案？