从下拉列表中更新选项

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();

});