select 二级联动
来源:互联网 发布:广汽丰田面试经验知乎 编辑:程序博客网 时间:2024/05/16 10:56
var cities = [
["杭州市", "绍兴市", "温州市", "义乌市", "嘉兴市"],
["南京市", "苏州市", "扬州市", "无锡市"],
["武汉市", "襄阳市", "荆州市", "宜昌市", "恩施市"],
["石家庄市", "唐山市", "保定市", "邢台市", "廊坊市"],
["长春市", "吉林市", "四平市", "延边市"]
];
var $city = $("#city");
// 获得代表省份的下拉列表
$("#province").change(function() {
// alert(this.value);
// alert($(this).val());
// 清空第二个列表中的内容
$city.get(0).options.length = 0;
var val = this.value;
// 遍历并且判断
$.each(cities, function(i, n) {
// 判断
if(i == val) {
$(n).each(function(j, m) {
// alert(j + " " + m);
$city.append("<option>" + m + "</option>");
});
}
});
["杭州市", "绍兴市", "温州市", "义乌市", "嘉兴市"],
["南京市", "苏州市", "扬州市", "无锡市"],
["武汉市", "襄阳市", "荆州市", "宜昌市", "恩施市"],
["石家庄市", "唐山市", "保定市", "邢台市", "廊坊市"],
["长春市", "吉林市", "四平市", "延边市"]
];
var $city = $("#city");
// 获得代表省份的下拉列表
$("#province").change(function() {
// alert(this.value);
// alert($(this).val());
// 清空第二个列表中的内容
$city.get(0).options.length = 0;
var val = this.value;
// 遍历并且判断
$.each(cities, function(i, n) {
// 判断
if(i == val) {
$(n).each(function(j, m) {
// alert(j + " " + m);
$city.append("<option>" + m + "</option>");
});
}
});
});
<select id="province" name="province">
<option value="">-请选择-</option>
<option value="0">浙江省</option>
<option value="1">江苏省</option>
<option value="2">湖北省</option>
<option value="3">河北省</option>
<option value="4">吉林省</option>
</select>
<select id="city" name="city">
</select>
阅读全文
0 0
- select二级联动
- select二级联动
- <s:select>二级联动
- 二级联动Select标签
- 简易select二级联动
- select二级联动
- 二级联动select
- select 二级联动
- select select二级联动效果
- select菜单实现二级联动
- ligerui实现select二级联动
- js之select二级联动
- jquery实现select二级联动
- web 中的select二级联动
- 多个select联动(省市二级联动)
- 利用XMLHTTP实现的二级联动Select
- JQuery实现二级 select框联动选择
- JS+html 实现select二级联动菜单
- the storage of information of web app
- recycleview条目点击事件
- 360新版特性界面实现(1)
- Deep learning学习步骤
- js实现文字无缝轮播
- select 二级联动
- 从DLL中导出函数
- 记一次处理V4包冲突...
- 重读 JVM
- Java中使用OpenSSL生成的RSA公私钥进行数据加解密
- Spark Streaming之checkpoint机制
- 实习第四天
- jquery轮播
- 新浪网分类资讯爬虫