怎么用jquery实现二级联动

 我来答
阿刚炖蛋
2017-03-20 · TA获得超过3004个赞
知道大有可为答主
回答量:1789
采纳率:92%
帮助的人:998万
展开全部

你好!

下面是个简单的小例子,仅供参考:

<script type="text/javascript">
$(document).ready(function(){
  var data={
       "liaoning":{
          "210100000000":"沈阳市",
          "210200000000":"大连市",
          "210300000000":"鞍山市"
       },
       "heilongjiang":{
          "230100000000":"哈尔滨市",
          "230200000000":"齐齐哈尔市",
          "230300000000":"鸡西市"
       }
  };
  $("#aa").change(function(){
      if(this.value==0){
          $("#bb").empty();
      } else {
          for(var key in data){
              if(key==this.value){
                 $("#bb").empty();
                 for(var kkey in data[this.value]){
                     $("<option />").attr("value",kkey).text(data[this.value][kkey]).appendTo($("#bb"));
                 }
              }
          }
      }
  });
});
</script>
</head>

<body>
<select id="aa">
  <option value="0">请选择省</option>
  <option value="liaoning">辽宁</option>
  <option value="heilongjiang">黑龙江</option>
</select>

<select id="bb">
   
</select>
</body>

希望对你有帮助!

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式