如何根據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);

}）;