二级联动

       省份:<select id="p1" ng-model="pro" οnchange="getcity()">
                   <option value="">请选择省份</option>
                   <option>北京</option>
                   <option >上海</option>
                   <option>河南</option>
                   </select><br />
                                     城市:
                 <select id="city" ng-model="city">
                   <option value="">请选择城市</option>
                   

                 </select><br />

 <script>
       var citys=[{pro:"北京",cs:["海淀","昌平","房山"]},
       {pro:"上海",cs:["虹桥","浦东","浦西"]},
       {pro:"河南",cs:["郑州","开封","洛阳"]}];
         
          var cts=[];
         function getcity(){
            var p=$("#p1").val();
            
          for (var i=0;i<citys.length;i++) {
           if(p==citys[i].pro){
            cts=citys[i].cs;
           
           }
          }
          $("#city option").remove();
          for (var i=0;i<cts.length;i++) {
                       var op=$("<option>"+cts[i]+"</option>")
                         $("#city").append(op)
          }
         }
     </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值