zoukankan      html  css  js  c++  java
  • 两个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>
  • 相关阅读:
    【MySQL】MySQL环境搭建
    【Linux】 工作中遇到并使用的命令
    k8s入门系列之guestbook快速部署
    k8s入门系列之扩展组件(二)kube-ui安装篇
    k8s入门系列之扩展组件(一)DNS安装篇
    k8s入门系列之集群安装篇
    爬虫抓取百度贴吧帖子内容
    爬虫抓取糗事百科的段子
    kibana使用操作部分
    elk实战分析nginx日志文档
  • 原文地址:https://www.cnblogs.com/wangzhaobo/p/7479534.html
Copyright © 2011-2022 走看看