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

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 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()结合使用。