首页 > 其他 > 详细

下拉框的级联效果的制作。

时间:2018-10-07 10:21:17      阅读:270      评论:0      收藏:0      [点我收藏+]

技术分享图片

$("#province").append(function () {          //append() 方法在被选元素的结尾(仍然在内部)插入指定内容
   var html = "";                 //添加子节点的另一种新颖的用法。
  for (var i in cityList) {               //循环的方法。
  html += "<option value=" + i + ">" + i + "</option>"; //这个i很让人迷惑,就是代表数组中的值。而不是数字。
  }
  return $(html);
});

$("#province").change(function () {
  var v = $(this).val();
  var html = "";
  if (v == "请选择省/城市") {
    html = "<option>请选择城市/地区</option>";
    $("#city").html(html);
    return; //结束掉,不执行下面的。
  }
  var citys = cityList[v]; //上面没有执行,就执行这里的。
  $.each(citys, function (i, n) { //each循环的用法。
  html += "<option value=" + n + ">" + n + "</option>"; //下拉框的级联效果
  });
  $("#city").html(html);
  });

 

下拉框的级联效果的制作。

原文:https://www.cnblogs.com/yxblogs/p/9749216.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!