二级省市级联jQuery简单实现
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
最简单jQuery实现二级省市级联,三级级联可依此扩展
1.首先需要引入jQuery
2.取出省份下拉列表对象,当省份下拉列表域发生改变时,执行如下方法
3.该方法解析:取出省份下拉列表对象,和被选中的option文本,取出城市下拉列表对象,并清空城市所有option,根据省份被选中的option内的文本,来填充不同的城市,由此实现二级联动。
function changecity(){
var pro = $("#pro");
var provalue = pro.find("option:selected").text();
var city = $("#city");
city.empty();//清空城市下拉框
switch(provalue){
case "北京市":
city.append($(""));
city.append($(""));
city.append($(""));
city.append($(""));
city.append($(""));
break;
case "河南省":
city.append($(""));
city.append($(""));
city.append($(""));
city.append($(""));
city.append($(""));
city.append($(""));
break;
case "山东省":
city.append($(""));
city.append($(""));
city.append($(""));
city.append($(""));
city.append($(""));
break;
case "上海市":
city.append($(""));
city.append($(""));
city.append($(""));
break;
}
}
HTML代码
=======================================================================================
省
市