（1）var provs={}，存储省市的json结构数据。
（2）function loadProv() {}，此函数实现了初始化页面加载数据的功能。
（3）var prov = documentgetElementById("prov")，获取存放省份的select下拉菜单。
（4）for (var key in provs)，遍历json结构数据。
（5）var provName = key，获取省份的名称。
（6）var optProv = documentcreateElement("option")，创建一个option元素对象。
（7）optProvvalue = provName，设置option元素的value属性值。
（8）optProvinnerText = provName，设置option显示的文本内容。
（9）provappendChild(optProv)，将option元素添加到select下拉菜单。
（10）function provChange() {}，作为onchange事件处理函数。
（11）var prov = documentgetElementById("prov"),获取省份下拉菜单。
（12）var city = documentgetElementById("city"),获取城市下拉菜单。
（13）var provName = provvalue，获取当前选中的省份的value值。
（14）if (provName == "none") {
citystyledisplay = "none";
return;
}，如果值等于none，说明选中的是第一项，那么城市下拉菜单还是具有隐藏状态，并跳出函数。
（15）else {
citystyledisplay = "";
},否则的话显示出城市下拉菜单，默认状态它是隐藏的。
（16）var citys = provs[provName]，获取城市，citys是个数组。
（17）for (var index = citychildNodeslength - 1; index >= 0; index--) {
var child = citychildNodes[index];
cityremoveChild(child);
}，遍历城市下拉菜单下的option元素，然后删除这些元素。
之所以清空就是为了防止当再次加载的时候出现累加情况。
（18）for (var index = 0; index < cityslength; index++) {}，遍历数组中的元素，也就是城市。
（19）var optCity = documentcreateElement("option")，创建option元素。
（20）optCityvalue = citys[index]，设置option元素的value值。
（21）optCityinnerText = citys[index]，设置option元素的文本内容。
（22）cityappendChild(optCity)，将option元素添加select下拉菜单。
数据表形式数据
json形式数据
一种是把省市县信息写死在html中。js控制select的初始化赋值，将select的onchange事件调用js为下个select的赋值。
另一种是把省市县信息保存在数据库中的，这就要使用ajax。同样在select的onchange事件中调用ajax，在ajax返回对应的信息后赋值给下个select。
如果使用了jquery的话js和ajax *** 作都将大大简化。
下面给你一个js联动的例子和一些js *** 作select的例子，希望对你能有帮助吧。
------------------------------参照这个例子的联动方式------------------------------------------------
<html xmlns=" >
省市联动，要去读数据库就慢了点，而且用的资源也多 由于省市数据是固定的，通常，我会独立定义一个js文件，里面是一个json数据，分级存储省市数据，每个地区都有一个六位的代码，就是你身份z的前六位，那是精确到县级的~ 当然，如果你只需要到
以上就是关于29_用js实现一个省市级联效果全部的内容，包括:29_用js实现一个省市级联效果、询问个编程方面的问题： 有关省市的选择的code！ 首先二级下拉联动！省市的自动绑定到下拉框中！请赐教！、有谁知道省市联动的js代码PCASClass.js怎么使用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）