Javascript 如何链接多个选择框？

我想使用jquery将多个选择框链接在一起，有什么办法吗？例如，我得到了选择框1、2、3，每个选择框都有选项asa、b、c。现在我想要的是，如果选择框1选择了a，那么其他两个选择框将不会在那里选择选项，在我将选择框1更改为null后，该选项也会出现在其他两个选择框中

选择一个选项
A.
B
C
选择一个选项
A.
B
C
选择一个选项
A.
B
C

尝试使用这些脚本，希望它们能帮助您不要忘记添加jquery库。试试这些简单的脚本

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script





 <script>

        $(function(){

        $(document).on("change","#1",function(){
          var el = $(this);
          var val = $.trim(el.val());
          (val == '') ?  $("#2,#3").val("").change() : $("#2,#3").val(val).change();
        });
        });

    </script>

---

检查下面的小提琴


$（“选择”）.change（函数（）{
设curId=$（this.attr（'id'）；
设str=$（this.val（）；
//“选择一个选项”：“”，
var newOptions={
“A”：“A”，
“B”：“B”，
“C”：“C”
};
删除新选项[str]；
$（“选择”）。每个（函数（）{
让nowId=$（this.attr（'id'）；
if（nowId！==curId）{
$el=$（“#”+nowId）；
$el.empty（）；
$.each（新选项、函数（键、值）{
$el.append（$（“”）
.attr（“值”，value）.text（键））；
});
}
});
});
您是否尝试过我的demo@ly？这是一个您想要添加的简单脚本。您好，谢谢您的回复，我尝试过您的方法，但它会在不同的框中显示两个相同的选项，例如，我可以有两个带有选项a的选择框
$("select").change(function() {
    let curId = $(this).attr('id');
    let str = $(this).val();
    //"Select an option": "",
    var newOptions = {  
        "A": "A",
        "B": "B",
        "C": "C"
    };
    delete newOptions[str];
    $("select").each(function() {
        let nowId = $(this).attr('id');
        if (nowId !== curId) {
            $el = $("#" + nowId);
            $el.empty();
            $.each(newOptions, function(key, value) {
                $el.append($("<option></option>")
                    .attr("value", value).text(key));
            });
        }
    });

});