动态html下拉菜单

Question

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

实现这一目标的最佳方法是什么，理想情况下使用jQuery？

由于

Answer 1

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