从下拉列表中更新选项

Question

我有许多选项的Dorpdownlist。所以我想用文本过滤这些选项。

$("input.form-control").change(function() { 
    var value = $('.form-control').val(); 

    //now I need to remove the options witch not contains the value in the text. 

}); 


<select id="id_customer" name="customer"> 
    <option value="1">Max Musterman </option> 
    <option value="2">Heidi Mustermann </option> 
</select> 

如果值发生变化，也许删除的选项必须再次添加。 这只是我第一步与jquery。如果你有Django，Ajax或其他的解决方案，那也没关系。

Answer 1

您可以使用.filter()

$("input.form-control").change(function() { 
    var value = $('.form-control').val(); 

    $('#id_customer option').filter(function(){ 
     return $(this).text() != value; 
    }).remove(); 

});