如何从下拉列表中删除所选项(使用Jquery)

时间:2010-08-05 09:03:14

标签: jquery

如何从HTML下拉列表中删除选项标记中的一个或多个所选项目(使用Jquery)。

要从组合框中删除整个选项,我们可以使用下面的Jquery语句。

$(“#cmbTaxIds> option”)。remove();

假设aspx文件中有以下HTML代码。

            <select id="cmbTaxID" name="cmbTaxID" style="width: 136px; display: none" tabindex="10" disabled="disabled">
                <option value="0"></option>
                <option value="3"></option>
                <option value="1"></option>
            </select>

如果我只想删除中间值,那么它的语法应该是什么(使用Jquery)?

5 个答案:

答案 0 :(得分:16)

使用eq选择器。

var index = $('#cmbTaxID').get(0).selectedIndex;
$('#cmbTaxID option:eq(' + index + ')').remove();

这是最好的方法,因为它是基于索引的,而不是基于任意值的。

答案 1 :(得分:13)

删除所选项目:

$("#cmbTaxID :selected").remove();

答案 2 :(得分:5)

类似的东西:

$('#cmbTaxID option:selected').remove();

甚至更短:

$('#cmbTaxID :selected').remove();

答案 3 :(得分:1)

$("#cmbTaxIds >option[value='3']").remove();

只需将3替换为您要删除的元素的值。

答案 4 :(得分:1)

删除所选选项的更通用的答案可能是

$('#somebutton').click(function(){
    var optionval = $('#cmbTaxIds').val();
    $('#cmbTaxIds > option[value=' + optionval + ']').remove();

})