JS联动下拉框

Html

Css

//例子1-------------------------------------------------------------
//数据源
var array = new Array();
array[0] = new Array("华南地区", "根目录", "华南地区"); //数据格式 ID，父级ID，名称
array[1] = new Array("华北地区", "根目录", "华北地区");
array[2] = new Array("上海", "华南地区", "上海");
array[3] = new Array("广东", "华南地区", "广东");
array[4] = new Array("徐家汇", "上海", "徐家汇");
array[5] = new Array("普托", "上海", "普托");
array[6] = new Array("广州", "广东", "广州");
array[7] = new Array("湛江", "广东", "湛江");
//--------------------------------------------
//这些数据源可以使用json来处理，这里只为方便
//--------------------------------------------
//这是调用代码
var liandong = new CLASS_LIANDONG_DILY(array) //设置数据源
liandong.firstSelectChange("根目录", "s1"); //设置第一个选择框
liandong.subSelectChange("s1", "s2"); //设置子级选择框
liandong.subSelectChange("s2", "s3");
//例子2-------------------------------------------------------------
//数据源
var array2 = new Array();
array2[0] = new Array("测试测试", "根目录", "测试测试"); //数据格式 ID，父级ID，名称
array2[1] = new Array("华北地区", "根目录", "华北地区");
array2[2] = new Array("上海", "测试测试", "上海");
array2[3] = new Array("广东", "测试测试", "广东");
array2[4] = new Array("徐家汇", "上海", "徐家汇");
array2[5] = new Array("普托", "上海", "普托");
array2[6] = new Array("广州", "广东", "广州");
array2[7] = new Array("湛江", "广东", "湛江");
array2[8] = new Array("不知道", "湛江", "不知道");
array2[9] = new Array("5555", "湛江", "555");
array2[10] = new Array("++++", "不知道", "++++");
array2[11] = new Array("111", "徐家汇", "111");
array2[12] = new Array("222", "111", "222");
array2[13] = new Array("333", "222", "333");
//--------------------------------------------
//这些数据源可以使用json来处理，这里只为方便
//--------------------------------------------
//这是调用代码
//设置数据源
var liandong2 = new CLASS_LIANDONG_DILY(array2);
//设置第一个选择框
liandong2.firstSelectChange("根目录", "x1");
//设置子选择框
liandong2.subSelectChange("x1", "x2")
liandong2.subSelectChange("x2", "x3")
liandong2.subSelectChange("x3", "x4")
liandong2.subSelectChange("x4", "x5")

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

JS联动下拉框



代码描述：JS 5级联动下拉框

3

最新

发表评论全部评论

暂时没有评论！

iexn0

2017/8/8 10:19:40

选择之后第二次再选的时候只有后面一项清空，应该是后面所有项都清空

让我感激你、曾予我欢颜0

2017/8/14 17:02:12

对的，这是个bug

回复

天使不哭0

2017/8/7 17:25:53

这个看起来效果不错回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

思念十年后

相关代码

JS联动下拉框

最新