Javascript 根据主要选项筛选selectbox选项

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

基本上我有选择字段1和选择字段2

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

选择字段1：

errortype_id | errortype_text

选择字段2：

errorreason_id | errortype_id | errorreason_text

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

看。基本上，您需要添加一个更改事件并选中$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);
});

---

编辑：我不明白你是否真的想过滤这些值，删除这些值，或者添加多少。如果确实要筛选出元素，可以使用“我的更改”事件并将其与相结合。

是的，您可以筛选options@Xander，您可以指导我如何在jquery中实现这一点吗？谢谢。基本上我认为这就是我需要的。忘记所有关于过滤的事情，在这种情况下，我意识到这并不重要。我可以使用PHP进行过滤，并使用您描述的更改和val，使用choosen Select1中的正确选项填充select2，然后再问一个问题。我有3个选择框，它们需要相同的数据和行为，我如何避免复制这些数据和行为的javascript？如果最终您所做的只是根据这些值更改select2的选项，您可以将多个选择框添加到更改事件。$'选择1，选择3，选择4.更改…它们不应该全部更改为相同的值，而是单独更改，我假设它们更改为相同的值。