代码之家  ›  专栏  ›  技术社区  ›  Biki

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

  •  9
  • Biki  · 技术社区  · 14 年前

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

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

    $(“cmbtaxids>选项”).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 回复  |  直到 8 年前
        1
  •  16
  •   Jacob Relkin    14 年前

    使用 eq 选择器。

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

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

        2
  •  13
  •   Etienne Dupuis    8 年前

    要删除所选项目:

    $("#cmbTaxID :selected").remove();
    
        3
  •  5
  •   Vinod VT    8 年前

    像这样:

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

    或者更短:

    $('#cmbTaxID :selected').remove();
    
        4
  •  1
  •   Senseful    14 年前
    $("#cmbTaxIds >option[value='3']").remove();
    

    只是替换 3 使用要删除的元素的值。

        5
  •  1
  •   Kristoffer Sall-Storgaard ProllyGeek    14 年前

    删除所选选项的更一般的答案可能是

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