页面上的二级联动

   <div class="log-list reg-list first">
                    <div class="log-right height4" >
                        <input type="text" id="appliSta" disabled="disabled" value="所处阶段" />
                        <div class="content">
                           <select id="ajscjd">
                
                            </select>
                        </div>
                    </div>
                </div>       
                <div class="log-list reg-list first">       
                    <div class="log-right height4">
                            <input type="text" id="Domination" value="管辖机关"  disabled="disabled" />
                            <div class="content">
                                <select id="gxjg">
                                    <option value="">请选择</option>                      
                                </select>    
                            </div>       
                        </div>   

                  </div>



 
  $(function(){

var caseStatus = [
                          {   "id" : "300",
                              "name" : "侦查一段" ,
                              "demotion" : [
                                      {    
                                          "id" : "500",            
                                      "name" : "公安局"                                                                        
                                      },
                                      {
                                          "id" : "508",
                                      "name" :"检察院"
                                      }
                              ]
                          },
                          {
                              "id" : "301",
                              "name" : "审查二段" ,
                              "demotion" : [    
                                     
                                      {    
                                          "id" : "512",            
                                      "name" : "法院"                                                                            
                                      },
                                      {    
                                          "id" : "513",            
                                      "name" : "审查机构"
                                    }
                                ]
                          }
                        
                      ];        
            // 二级联动    
            $("#ajscjd").change(function(){
                var ajscjd_index = $("#ajscjd option:selected").index();
                var gxjg = $("#gxjg");
          
                if(ajscjd_index > 0){
                    var demotion = caseStatus[ajscjd_index-1].demotion;
                    for(var i = 0 ; i < demotion.length ; i++){
                        gxjg.append("<option value='"+demotion[i].id+"'>"+demotion[i].name+"</option>");
                    }
                }
            });
            init();
            function init(){
                $("#ajscjd").append("<option>请选择</option>");
                for(var i = 0 ; i < caseStatus.length ; i++){
                    $("#ajscjd").append("<option value='"+caseStatus[i].id+"'>"+caseStatus[i].name+"</option>");
                }
            }



});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值