从jquery中的选项值中的select base中删除了该选项

时间:2009-10-13 04:28:37

标签: jquery

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

示例:

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

对于这种情况,我想通过单击按钮而不选择选项来删除B.这可能我只能根据oprion值“a”删除该选项吗?

1 个答案:

答案 0 :(得分: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文档页面提供了有关您可以使用的各种选择器的更多信息: - &gt; http://docs.jquery.com/Selectors