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

Posted 2023-02-21

【中文标题】如何在不提交 HTML 的情况下根据已选择的值显示新的选择值

【英文标题】：How to display new select values based on already selected value without submitting im HTML

【发布时间】：2022-01-06 10:01:17

【问题描述】：

我有一个带有 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>

【问题讨论】：

请包含您已经尝试过的内容。 SO 不是编码服务。

为什么不使用 JQUERY 和 AJAX？

不熟悉

【参考方案1】：

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

【讨论】：

那么我可以在第一个选择框之后使用带有 where 子句的 sql 选择查询吗？

通常如果您想根据包含 SQL 结果的选择进行下拉，您需要做的是将所有 SQL 查询预加载到不同的 Select 语句中，然后使用 javascript、css、jquery 显示/隐藏需要的选择框并隐藏不需要的选择框。