使用jquery过滤下拉列表

Question

我有一个下拉列表，列出了几个国家/地区，我想根据某些条件只显示几个国家/地区。

jquery如下：

function form_onLoad() {

    var countries = "";
    if(document.forms[0].countries_new) {
        countries = document.forms[0].countries_new.value;
    }      

}

下拉：

 <select name="country" size="1">
    <option value=""></option>    
    <option value="1" >Afghanistan</option>
    <option value="2" >Albania</option>
    <option value="3" >Algeria</option>
    <option value="4" >Andorra</option>
    <option value="5" >Angola</option>
    <option value="6" >Antigua & Deps</option>
    <option value="7" >Argentina</option>
    <option value="8" >Armenia</option>
    <option value="9" >Australia</option>
    <option value="10" >Austria</option>
    <option value="11" >Azerbaijan</option>
    <option value="12" >Bahamas</option>
</select>

在jquery中，我想替换现有的下拉列表（上图），该下拉列表包含所有国家/地区的变量，只有少数选项。

Answer 1

您可以使用JQuery库来实现它

$('select[name="country"]').find('option').each(function(){
      if($(this).text()=='Armenia' || $(this).attr('value')=='12'){

          $(this).remove(); //It will remove Armenia and Bahamas
    }

 });