javascript - 当我选择单选按钮时,Jquery 函数会过滤值

标签 javascript jquery

Possible Duplicate:
jQuery disable SELECT options based on Radio selected (Need support for all browsers)

我有两个单选按钮

<html>
<input type="radio" class="status" name="status" checked="checked"   value="New" />New
<input type="radio" class="status" name="status"  value="Used" />Used

<select id="Insurance_type">
    <option>Home Used Insurance1</option>
    <option>Home New Insurance1</option>
 <option>Home Used Insurance2</option>
    <option>Home New Insurance2</option>

</select>
</html>

当我选择“新建”单选按钮时,我需要一个 Jquery 脚本,它将过滤下拉列表。我只会购买新的保险类型。

最佳答案

您可以使用:contains()选择器这样做:

$('input[name="status"]').change(function(){
    $('#Insurance_type option').show();
    $('#Insurance_type option:contains("'+$(this).val()+'")').hide();
});

示例:http://jsfiddle.net/mknvv/21/

去弄清楚为什么 .siblings().show() 在那里不起作用...

编辑 使用sibling();

var a = '#Insurance_type option:contains("'+$(this).val()+'")';
$(a).show().siblings().not(a).hide();    

示例:http://jsfiddle.net/mknvv/55/

关于javascript - 当我选择单选按钮时,Jquery 函数会过滤值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6369398/

相关文章:

javascript - 嵌套对象: Update all attributes with same names

javascript - Openlayers3 标记未显示在操作系统 map 上

javascript - 如何在具有隔离范围的指令中使用 ng-repeat?

jquery - 使用 ASP.NET 字段验证器通过 jQuery 更改输入 css/动画

javascript - 将 jQuery 添加到母版页

jquery - 无法初始化日期选择器

javascript - datepicker 更改月份未在 Chrome 中打开

javascript - 行内 block 删除底部空间以添加文本

javascript - 网站登录系统-使用websocket服务器进行身份验证

javascript - 根据外部下拉列表过滤数据表行