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

Question

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

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

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

选择字段 1：

errortype_id | errortype_text

选择字段 2：

errorreason_id | errortype_id | errorreason_text

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

Answer 1

见this question。基本上，您需要添加一个更改事件并检查$(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() 结合使用。