php - 选项填充第二个列表 js/php 的下拉列表?

标签 php javascript

我有 2 个并排的下拉列表。当用户从第一个列表中选择时,我需要显示第二个列表的选项。

将从数据库中检索子选项。我有一个页面,它将在给定特定父级的情况下返回必要的 html。我只需要第一个列表的选择来触发列表 #2 的更新。

完成此任务的最佳方法是什么?

<select id="parent" name="list1">
    <option value="1">Parent 1</option>
    <option value="2">Parent 2</option>
    <option value="3">Parent 3</option>
    <option value="4">Parent 4</option>
</select>

<select id="child" name="list2">
</select>

警告:不能使用表单,因为选择的是另一个表单的一部分。

最佳答案

执行此操作的正常方法是在选择第一个下拉列表以检索第二个下拉列表的内容后执行 AJAX 请求。

具体如何操作将取决于您使用的框架/库,但这里有一个为其设计的 jQuery 插件示例:

jQuery cascade plugin

还有一些关于 SO 的相关问题可能会有所帮助:

https://stackoverflow.com/search?q=cascading+dropdown

关于php - 选项填充第二个列表 js/php 的下拉列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1656934/

相关文章:

javascript - 如何调整左浮动 div 以适应右浮动 DIV?

javascript - 大型网络应用的客户端技术

php - array_walk 抛出警告;声明无效可调用

PHP & Twig : Trouble accessing variables in template

php - 如何在 Heroku PHP 应用程序上启用基本身份验证?

php - 响应式表和 mysql

javascript - Chartjs Array.join

javascript - jquery模态对话框通过id获取输入类型文本的值

javascript - Jquery Prev() 获取数据属性的最后 3 个标签名称

javascript - 达到 100% 已满时关闭 Bootstrap 进度条