我在 HTML 表单上有两个下拉菜单。我试图让第二个下拉列表的答案基于第一个框是动态的。因此,如果下拉菜单 1 是“1”,下拉菜单 2 将有选项“a”“b”“c”,如果下拉菜单 1 是“2”,下拉菜单 2 将有“d”“e”“f”。
实现这一目标的最佳方法是什么,最好是使用 jQuery?
谢谢
我在 HTML 表单上有两个下拉菜单。我试图让第二个下拉列表的答案基于第一个框是动态的。因此,如果下拉菜单 1 是“1”,下拉菜单 2 将有选项“a”“b”“c”,如果下拉菜单 1 是“2”,下拉菜单 2 将有“d”“e”“f”。
实现这一目标的最佳方法是什么,最好是使用 jQuery?
谢谢
理想情况下,您使用 ajax 发布第一个选项并获取第二个选项的选项。
例子:
<script>
function onSelect1Change(){
$.post("url" ,{
value: $("#select1").val()
}, function(data) {
$("#select2").html(data);
});
}
</script>
<select id="select1" name="select1" onchange="onSelect1Change">...</select>
<select id="select2" name="select2" ></select>
在您的后端,您检查$_POST['value']
并输出一些<option></option>
标签。