Javascript实现二级select联动

1.js

cities = new Object();
cities['河北省']=new Array('石家庄', '张家口市', '承德市', '秦皇岛市', '唐山市', '廊坊市', '保定市', '沧州市', '衡水市', '邢台市', '邯郸市');
cities['山西省']=new Array('太原市', '大同市', '朔州市', '阳泉市', '长治市', '晋城市', '忻州地区', '吕梁地区', '晋中市', '临汾地区', '运城地区');function set_city(province, city)
{var pv, cv;var i, ii;pv=province.value;cv=city.value;city.length=1;if(pv=='0') return;if(typeof(cities[pv])=='undefined') return;for(i=0; i<cities[pv].length; i++){ii = i+1;city.options[ii] = new Option();city.options[ii].text = cities[pv][i];city.options[ii].value = cities[pv][i];}}

2.jsp

 <form name="form1" action="" method="get"><select name="province" onChange="set_city(this, this.form.city);"><option value="0">选择省</option><option value="河北省">河北省</option><option value="山西省">山西省</option></select><select   name="city" id="citys"><option value="0">选择城市</option></select></form>

3.结果截图

转载于:https://www.cnblogs.com/feifeishi/p/5970898.html

Javascript实现二级select联动相关推荐

element的多级选中_element-ui(Vue.js) 我在做二级select联动时选中值是循环的value怎么解？...
代码不多,我直接贴上来 <el-col :span="6"> <div class="grid-content bg-purple"> ...
原生JavaScript实现城市二级三级联动
原生JavaScript实现城市二级三级联动一,HTML代码 <select id="province" onchange="chooseProvince(th ...
JavaScript实现二级联动(省市、楼栋)
二级联动在实际需求中使用的非常多,比如省市,楼栋等,所以我们应当也应该掌握这些前端知识. 实现效果: 利用JavaScript实现二级联动要实现JavaScript二级联动效果,首先要确定需要哪些技 ...
二级下拉列表联动 select 网页 html5
二级下拉列表联动 select 网页 html5 写在前面: 一.效果展示. 二.代码. 三.完整版代码,下载链接. 四.声明. 写在前面: 本文只是学院.专业二级选择的联动下拉列. 学院.专业. ...
利用JavaScript实现二级联动
利用JavaScript实现二级联动要实现JavaScript二级联动效果,首先要确定需要哪些技术: 二维数组 for in循环 new Option(text,value,true,true) a ...
JavaScript实现省市区三级联动
JavaScript实现省市区三级联动之前的文章中我们说到过如何利用JavaScript实现二级联动,这次我们来说说如何利用JavaScript实现三级联动.效果如图: HTML代码: 请选择省份: ...
事件练习正反选，二级城市联动，下拉菜单练习
正反选 [HTML页面] <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
JavaScript 省市县三级联动
JavaScript 省市县三级联动 2010-03-16 效果演示省市联动出生地:--请选择省份-- 北京市天津市河北省山西省内蒙古自治区辽宁省吉林省黑龙江省上海市江苏省浙江省安徽省福建省 ...
html地区选择js,JavaScript实现省市区三级联动
JavaScript实现省市区三级联动之前的文章中我们说到过如何利用JavaScript实现二级联动,这次我们来说说如何利用JavaScript实现三级联动.效果如图: HTML代码:请选择省份:请 ...

Javascript实现二级select联动

Javascript实现二级select联动相关推荐

最新文章

热门文章