获取选择框选项的值而不使用 .change()
Get value of selectbox option without using .change()
我有一个选择框,如下所示:
<select id="select_search">
<option value="search_contact">Contact</option>
<option value="search_customer">Customer</option>
<option value="search_employee">Employee</option>
<option value="search_servEmp">Service Employee</option>
<option value="search_servOrg">Service Org</option>
</select>
上面的选择框是搜索表单的一部分。提交表单时,使用 ajax 请求将结果异步返回到同一页面。
在我的结果页面(异步加载的页面)上,我有一组其他选择框,用作结果的过滤器。
<select id="select_customer">
<option value="">something</option>
</select>
<select id="select_contact">
<option value="">something else</option>
</select>
etc....
如何获取原始选择框 (#select_search) 的值以显示/隐藏通过 ajax 加载的相应选择框。(例如,如果search_contact是选定的选项,则仅显示id="search_contact"的选择框)
我熟悉的唯一方法是在更改时获取选择框的值,但在这种情况下,受影响的元素直到更改发生后才会加载。
你可以在 jsFiddle 中尝试这个。
$(function () {
$(document).on('change', '#select_search', function () {
$('select:not(#select_search)').addClass('invisble');
var selectSearchVal = $(this).find('option:selected').val();
$('#select_' + selectSearchVal.replace('search_', '')).removeClass('invisble');
});
});
如果你使用的是JQuery,$(#select_search).val()
应该可以做到这一点。
制作 $.live 的新方法
$(document).on('change', '#select_search', function() {
// change
});
相关文章:
- 动态填充Bootstrap选择选择器:change event dos'不起作用
- 选择使用 jQuery 接收 change() 事件的表单的提交按钮
- 在Knockout剑道网格中的Change上选择失去孩子的标签
- ng-change在我的指令中不适用于选择
- 如何使用 jquery .change() 在 html 中进行多个选择
- 如何使用 AngularJS 在我的选择标签中使用 onSelect 而不是 ng-change
- 获取选择框选项的值而不使用 .change()
- jQuery $.change 函数不适用于克隆的选择
- .change(function() 每当<选择>有输入时就会改变
- ng-change 检测 ng 模型在选择框中为空或无效,然后选择第一个有效选项
- Jquery.on(change)事件on<选择>输入仅更改第一行
- Meteor Change事件基于第一次选择的值
- 甚至在选择下拉列表中使用.change来筛选结果
- 将change()和contains()与HTML<选择>(jQuery)
- Jquery .change()不触发选择
- 为两个不同的选择器组合.change
- Jquery:选择对.click()做出反应,而不是对.change()
- 将Change Event绑定到输入类型文件,并在每次选择文件时触发它
- Javascript:“change"在Firefox中对html选择元素使用键盘时不会触发的事件
- addEventListener,“change"还有选项选择