使用多个<选项>'s位于两个下拉选择器中
Using values within multiple <option>'s inside two dropdown selectors
我的两个下拉菜单有问题,没有根据第一个框的选择显示特定值。当前,无论选择哪个第一个选项,都会显示所有值。
我目前正在使用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=""
可以参考哪些选项与第一个选择框一起使用。我这样做是因为我需要为每个选项指定特定的值。请参阅演示代码以了解更多信息以及我试图实现的目标。
感谢
$(document).ready(function() {
$('#multi_select').click(function() {
var url = 'http://www.urlimusing.com/' + $('#column_select').val() + $('#layout_select').val();
window.location = url;
});
});
现有文档中的所有其他内容看起来都很奇怪和糟糕。把那些台词扔掉。
相关文章:
- jquery IE7中的第n个选择器
- 如何在datetimepicker中使用两个验证器
- 如何将返回的值应用于多个不同位置的多个选择器
- 使两个编辑器在自动绘制时大小相同
- 只选择两个选择器中的一个
- 如何制作一个具有多个选择器的jQuery插件,在每个选择器上分别进行匹配
- 如何同步两个筛选器
- CKEditor-如何在两个编辑器中一起使用高级内容过滤器和小部件
- jquery自动更新两个选择字段
- jQuery显示/隐藏仅适用于第一个选择器
- 将 jQuery 事件应用于两个 DOM ID 的选择器
- 如何使用CasperJS findOne函数与两个或多个选择器
- 如何基于两个选择器查找元素
- Jquery 委托事件仅在两个选择器之一上工作
- 这两个选择器之间的区别
- Jquery selectbox删除所有选项,除了两个(选择器变量名)
- 如何让Jquery比较两个选择器
- 选择窗体中作用于两个不同下拉框的所有复选框
- jQuery如何作用于多个选择器
- 不能组合两个选择器