javascript - 根据主要选择过滤选择框选项

Question

我正在创建一些选择框，我需要根据主选项中的选择来限制我的选项。

基本上我有Select field 1和Select field 2。

这些选择框的数据是从数据库中解析的。

选择字段 1：

errortype_id | errortype_text

选择字段 2：

errorreason_id | errortype_id | errorreason_text

有没有一种简单的方法可以Select field 2根据所做的选择自定义选项数据Select field 1？我的Select field 2表中有要过滤的变量/属性。

Answer 1

看到这个问题。基本上，您需要添加一个更改事件并检查$(this).val(). 从那里您只需创建选项元素并将它们作为 html 添加到您的选择框 2。

$('#select1').change(function() {
    var options = '';
    if($(this).val() == 'a') {
        options = '<option value="1">1</option><option value="2">2</option>';
    }
    else if ($(this).val() == 'b'){
        options = '<option value="3">3</option><option value="4">4</option>';
    }

    $('#select2').html(options);
});

编辑：我不明白您是否想实际过滤值、删除值或添加任意数量的值。如果您真的想过滤掉元素，您可以使用我的更改事件并将其与.filter()结合使用。