我的两个下拉菜单有问题,没有根据第一个框的选择显示特定值。目前,无论选择哪个第一个选项,都会显示所有值。
我目前正在使用带有实际代码的 Jquery 1.6。在此处查看演示
这是我的 HTML 示例。
<select name="column_select" id="column_select">
<option id="1" value="/search_option_1">First</option>
<option id="2" value="/search_option_2">Second</option>
<option id="3" value="/search_option_3">Third</option>
</select>
<select name="layout_select" id="layout_select">
<!-- Child options from Parent Option 1 -->
<option id="1" value="/first_value/one">1.1</option>
<option id="1" value="/first_value/two">1.2</option>
<!-- Child options from Parent Option 2 -->
<option id="2" value="/second_value/one">2.1</option>
<option id="2" value="/second_value/two">2.2</option>
<!-- Child options from Parent Option 3 -->
<option id="3" value="/third_value/one">3.1</option>
<option id="3" value="/third_value/two">3.2</option>
</select>
现在您可以看到即时通讯使用id=""
能够引用哪个选项与哪个第一个选择框一起使用。我这样做是因为我需要为每个选项指定特定的值。请参阅演示代码以了解更多信息以及我试图完成的工作。
谢谢