两个select一个选中,另一个就没有选中的那个值

时间：2023-03-10 07:09:25
两个select一个选中,另一个就没有选中的那个值 
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>若水demo</title>

    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>

</head>

<body>

    <select name="" id="" class="prientity_type">

        <option value="0">1</option><!-- 显示的值比value的值大1 -->

    </select>

    <select name="" id="" class="prientity_type">

        <option value="1">2</option>

    </select>

    <script>

        $(function(){

           var prientity_type = "0,1,2,3,4,5,6";//后台传过来的

           var prientity_type_value = prientity_type.split(',');

           var prientity_type1_obj = $(".prientity_type").eq(0);

           var prientity_type2_obj = $(".prientity_type").eq(1);

           function rs_change(){

               var prientity_type1_key = prientity_type1_obj.val();

               var prientity_type2_key = prientity_type2_obj.val();

               var prientity_type1_html = '';

               var prientity_type2_html = '';

               $.each(prientity_type_value,function(n,v){

                       if(v != prientity_type2_key){

                           prientity_type1_html += '<option value="'+v+'">'+(parseInt(v)+1)+'</option>';

                       }

                       if(v != prientity_type1_key){

                           prientity_type2_html += '<option value="'+v+'">'+(parseInt(v)+1)+'</option>';

                       }

               });

               prientity_type1_obj.empty().append(prientity_type1_html).val(prientity_type1_key);

               prientity_type2_obj.empty().append(prientity_type2_html).val(prientity_type2_key);

            }

           prientity_type1_obj.change(function(){

                   rs_change();

           });

           prientity_type2_obj.change(function(){

                   rs_change();

           });

           rs_change();

        });

    </script>

</body>

</html>

相关文章