Jquery 如何基于列表值级联下拉列表

下面是两个下拉列表，将根据其选项值进行级联

$(document).ready(function(){
    $("#s1").change(function(){
        $("#s2").val($("#s1").val())
    });
});

A.
B
C
D
a2
a3
b2
b3
c2
c3
d2
d3

所有选项都在

$（“#s2”）

中可见，无论在元素

$（“#s1”）

中选择了什么选项，请尝试此代码

         $("#s1").change(function(){
            //$("#s2").val($("#s1").val())
            var val=$("#s1").val();

            $("#s2 option").each(function(){
                if($(this).val()!=val)
                {
                    $(this).hide();
                }
                else
                {
                    $(this).show();
                }
            });
            $("#s2").val($("#s1").val());


        });

---

那么你的问题是什么？谢谢你。很好用，也很好用。。谢谢你。触发（“改变”）是一个很好的学习点。

$(document).ready(function () {
    $("#s1").change(function () {
        $("#s2 option").hide();
        $("#s2 option[value="+$("#s1").val()+"]").show();
        $("#s2").val($("#s1").val());
    }).trigger("change");
});