省市区联动js,用js如何实现省市联动
操作环境：windows7系统，jQuery-2 . 1 . 4版，DELL G3电脑。
怎么用jquery实现省市区联动？
使用jQuery实现省市区三级联动菜单
通过jQuery可以实现省市三级联动菜单。如有不足之处，请多指教。
HTML页面
!声明文档类型
超文本标记语言
头
meta charset=utf-8 /
标题省市联动菜单/标题
/头
身体
！-选择省份-
选择id=总统
选项-请选择一个省/选项
/选择
！-选择城市-
选择id=城市
选项-请选择一个城市/选项
/选择
选择id=地区
选项-请选择区域/选项
/选择
script src= jquery . js type= text/JavaScript
/脚本
脚本类型= text/JavaScript src= js/jq . js
/脚本
/body
/html
js页面
var prvo=[
山西，四川]；var cit=[
[太原，吕梁，临汾，运城，阳泉]，
【成都、绵阳、雅安、乐山、眉山】]；var dis=[
[
[小店区，迎泽区]，
[吕梁1 ，吕梁2]，
[临汾1 ，临汾2]，
[运城1 ，运城2]，
[阳泉1 ，阳泉2]
],
[
[成都1 ，成都2]，
[绵阳1 ，绵阳2]，
[雅安1号，雅安2号]，
[乐山1 ，乐山2]，
[梅山1号，梅山2号]
]]$(function() {
//初始化省份
for(var I=0；i prvo.lengthi ) {
//在每个循环中添加一个选项标记
$( # pr voice )。追加( option prvo[i] /option )
}
//-on-将一个或多个事件绑定到所选元素的事件处理函数。
//在省份变更时加入变更事件进行变更。
$( # pr voice )。on(change ，function() {
//清除元素，清除上一次选择的内容，开始新一轮选择。
//$(#city )。空()
$(#city )。文本(“”)；
$(#district )。文本(“”)；
//使用选择器中的：selected方法匹配所有元素，然后使用index方法获取下标。
//获取所选省份的下标
var proIndex=$( # provision option:selected )。index()；
var citys=cit[proIndex - 1]
for(var I=0；I城市的长度；i ) {
$(#city )。append( option city s[I]/option )
//[这个值]
}
})
$(#city )。on(change ，function(){
$(#district )。空()
var proIndex=$( # provision option:selected )。index()；
var citIndex=$( # city option:selected )。索引()
var dist=dis[pro index-1][ci index]
for(var I=0；i distr.lengthi ) {
$(#district )。追加( option dist[I]/option )
}
}}})推荐学习：《jquery视频教程》
这就是如何使用jquery实现省市联动的细节。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。