Question

所以我的页面中有一个组合框，有多种选择。当用户选择一个选项并单击一个按钮时，选项会从其下的表中消失。

但是你看，我不能让选项在组合框中消失。我尝试使用.hide（），但选项仍然存在，如果你使用箭头，你仍然可以找到它。这是我到目前为止所得到的：

$(document).ready(function(){       
    $("#combo").load("/intl/servlet/apps.gpa.HTMLGPA?p1=all_dropdown",function(){
        $("#button").html("<input type=\"button\" value=\"Filter\">");

    });
    $("#bigTable ").load("/intl/servlet/apps.gpa.HTMLGPA?p1=bigTable");
    $("#button").click(function(){
        var currentSelection = $("#select").val();
        $("#bigTable table tbody tr").each(function( index) {
            var str = $(this).text().trim();    
            if(str.substring(0, 4).trim()==currentSelection ){
                $(this).hide()
            }   
        })
        $("#combo select option").each(function( index) {                   
            if($(this).val()==currentSelection ){
                $(this).hide()
            }   
        })
    });
});

如您所见，最后一段代码正在为组合框隐藏：

$("#combo select option").each(function( index) {                   
            if($(this).val()==currentSelection ){
                $(this).hide()
            }   
        })

无论如何，我可以让选项完全消失而不能通过键盘访问吗？

Answer 1

use 
$("#combo select option").each(function( index) {                   
            if($(this).val()==currentSelection ){
                $(this).remove()
            }   
        })

如何使特定选项从组合框中消失？

1 个答案: