如何根据php中select的更改值将数据绑定到文本框

Question

我有两个输入字段。一个是选择，另一个是输入类型的文本。

我想显示数据库中的所有区名称以选择元素，然后将区名称的ID转到文本框。 请help.hear是我的代码，我不知道如何将地区ID绑定到文本框。

<tr> <td><label>Select District</label></td>
<td>
<select>
<option>--Select--</option>
<?php
$sql = "SELECT * FROM `district`";
$query = mysqli_query($con, $sql);
while ($data = mysqli_fetch_array($query)) {
?>
<option value="<?php echo $data["districtname"]; ?>"> <?php echo $data["districtname"]; ?></option>`enter code here`
 <?php
}
 ?>
 </select>    
     </td>
          </tr>

 <tr>
 <td><label>District ID</label></td>
   <td>
        <input type="text" name="distrctID" disabled="disabled" value="<?php echo $data["DistrictID"]; ?>" />
   </td>
   </tr>

Answer 1

如果您希望所选的区号在文本框中，则这将有所帮助

您的选择应该像

<option value="<?php echo $data["districtID"]; ?>"><?php echo $data["districtname"]; ?></option>
    <input type="text" name="distrctId" disabled="disabled" id="districtId" />

和选择更改的JavaScript应该像

$('select').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
$('#districtId').val(valueSelected);

}）;