本文实例为大家分享了js省市县三级级联特效的实现代码,供大家参考,具体内容如下
主要思想
1.省改变,市改变,并初始化县 2.市改变,县改变
rush:xhtml;">
主要步骤
1.获取元素对象
rush:js;">
var sheng = document.getElementById('sheng');
var shi = document.getElementById('shi');
var xian = document.getElementById('xian');
2.定义市和县的数组
rush:js;">
var city = [
['昌平区','海淀区','朝阳区','东城区'],['石家庄市','保定市','张家口市','唐山市'],['太原市','大同市','运城市','临汾市'],['呼和浩特市','包头市','鄂尔多斯市','赤峰市']
];
var xians = [
[
['北七家','回龙观','霍营'],['中关村','苏州街','西二旗'],['朝阳1','朝阳2','朝阳3'],['东城1','东城2','东城3'],],[
['新华区','桥东区','桥西区'],['高碑店','白沟','定兴'],]
];
3.定义全局变量
rush:js;">
var index = null;
4.实现省份改变,市跟着变化的效果
rush:js;">
sheng.onchange = function() {
xian.innerHTML = '
rush:js;">
shi.onchange = function(){
var value = this.value; // 获取当前的value值
var county = xians[index][value]; // 根据市获取市对应的县
var str = '
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。
原文地址:https://www.jb51.cc/js/39272.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。