如何在不提交 HTML 的情况下根据已选择的值显示新的选择值

Question

我有一个带有 2 个选择框和文本框的表单，我的目标是根据从前一个选择框中选择的值从我的数据库中显示一些值， 但我需要在同一页面内完成而不提交表单。

 <form id="form5" method="post" action="hello.php"><div id="right">
<fieldset>
<input type="hidden" name="hid2" value="hid2"><br>
<h3>
<br><br>
<label for="loca">Select Location:</label>
  <select name="locat" id="locat">
    <option value="">Select Location:</option>
    <option value="1">ALAPPUZHA</option>
    <option value="2 ">CALICUT</option>
    <option value="3">COCHIN</option>
    <option value="4">KANNUR</option>
    <option value="5">KOLLAM</option>
    <option value="6 ">KOTTAYAM</option>
    <option value="7">MALAPPURAMM</option>
    <option value="8">PALAKKAD</option>
    <option value="9">PATHANAMTHITTA</option>
    <option value="10">THRISSUR</option>
    <option value="11">TRIVANDRUM</option>
  </select><br>
<select name="place" id="place">
    <option value="">Select Location:</option>
    <option value=""></option>
    <option value=""></option>
</select>
    <button type="submit">submit</button>
    <br></h3>
    </fieldset>
</form></div>

Answer 1

我建议在加载时获取您需要的两个数据库查询，并根据选择显示它们的结果。因此，您的目标是在页面加载时加载数据库条目，而不是在 html 更改时加载，然后以您认为合适的方式显示它们。