1

我在 HTML 表单上有两个下拉菜单。我试图让第二个下拉列表的答案基于第一个框是动态的。因此,如果下拉菜单 1 是“1”,下拉菜单 2 将有选项“a”“b”“c”,如果下拉菜单 1 是“2”,下拉菜单 2 将有“d”“e”“f”。

实现这一目标的最佳方法是什么,最好是使用 jQuery?

谢谢

4

1 回答 1

2

理想情况下,您使用 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>标签。

于 2012-08-04T13:33:37.410 回答