Jquery 在下拉选择中隐藏选项

Jquery 在下拉选择中隐藏选项,jquery,drop-down-menu,Jquery,Drop Down Menu,我没有权限在下拉列表中调整选项。所以我想在DOM中隐藏它们。我很难隐藏这个选项。当前,如果我的数组包含要隐藏的国家,我可以隐藏整个下拉列表 html JQuery var countries = new Array("France","Germany"); var i = 0; var countryLength = countries.length; for(i = 0; i < countryLength; i++) { $('#country_2').each(function(){

我没有权限在下拉列表中调整选项。所以我想在DOM中隐藏它们。我很难隐藏这个选项。当前,如果我的数组包含要隐藏的国家,我可以隐藏整个下拉列表

html

JQuery

var countries = new Array("France","Germany");
var i = 0;
var countryLength = countries.length;
for(i = 0; i < countryLength; i++) {
$('#country_2').each(function(){
if($(this).text().search(countries[i]) >= 0)
{$(this).remove();};
});
}
试试这个:

var countries = new Array("France","Germany");
var i = 0;
var countryLength = countries.length;
for(i = 0; i < countryLength; i++) {
    $('#country_2 option').each(function(){
        if($(this).text()==countries[i])
        {
           $(this).remove();
        }
    });
}

这很有效,比我尝试的要简单得多!
var countries = new Array("France","Germany");
var i = 0;
var countryLength = countries.length;
for(i = 0; i < countryLength; i++) {
    $('#country_2 option').each(function(){
        if($(this).text()==countries[i])
        {
           $(this).remove();
        }
    });
}