2009-10-13 97 views
1

有谁知道我该如何从jquery中的选项值中删除选项?从jquery中的选项值中删除了select base选项

例如:

<select name="group_select"> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
</select> 

对于这种情况,我想通过刚刚点击的按钮,没有选择的选项,以除去乙。这可能是我可以通过基于oprion值“a”删除该选项吗?

回答

4

对不起,如果我完全不理解你,但你只是想删除按钮上的元素点击? 在这种情况下,你可以做这样的事情:

HTML页面上:

<p> 
    <input type="button" id="btnRemoveA" value="Remove A" /> 
</p> 
<select name="group_select"> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
</select> 

的Javascript:

<script type="text/javascript"> 
    $(function() { 
     $("#btnRemoveA").click(function() { 
      $("select[name=group_select] > option[value=a]").remove(); 
     }); 
    }); 
</script> 

当你的页面加载,这将附上一个click事件“ btnRemoveA“,它找到名称为”group_select“的select元素,然后查找值为”a“的子选项元素。然后它删除该选项元素。

jQuery文档页面有更多关于各种选择器的信息,您可以使用: - >http://docs.jquery.com/Selectors