获取联动菜单值

idiot_boy 2015-09-18 03:24:30


如图,3个选取都选择了要的值。点搜索的时候能取出值来

联动菜单代码:
  //声明第一联
var pres = ["年龄", "性别", "学历"]; //直接声明Array
//声明二联
var cities = [
["35-40", "41-45", "46-50","51-55","56-60"],
["男性", "女性"],
["高中", "本科","学士","博士"]
];
var areas = [
[
["大于", "小于", "等于","小于大于", "小于等于", "小于不等于","大于不等于"],
["大于", "小于", "等于","小于大于", "小于等于", "小于不等于","大于不等于"],
["大于", "小于", "等于","小于大于", "小于等于", "小于不等于","大于不等于"],
["大于", "小于", "等于","小于大于", "小于等于", "小于不等于","大于不等于"],
["大于", "小于", "等于","小于大于", "小于等于", "小于不等于","大于不等于"],

],
[
[">1", "<1"],
[">1", "<1"],
],
[
[">1", "<1"],
[">1", "<1"],
[">1", "<1"],
[">1", "<1"],
]
]
//设置第一联的公共下标
var pIndex = -1;
var preEle = document.getElementById("pre");
var cityEle = document.getElementById("city");
var areaEle = document.getElementById("are");
//先设置第一联的值
for (var i = 0; i < pres.length; i++) {
//声明option.<option value="pres[i]">Pres[i]</option>
var op = new Option(pres[i], i);
//添加
preEle.options.add(op);
}
function chg(obj) {
if (obj.value == -1) {
cityEle.options.length = 0;
areaEle.options.length = 0;
}
//获取值
var val = obj.value;
pIndex = obj.value;
//获取ctiry
var cs = cities[val];
//获取值
var as = areas[val][0];
//先清空第二联
cityEle.options.length = 0;
areaEle.options.length = 0;
for (var i = 0; i < cs.length; i++) {
var op = new Option(cs[i], i);
cityEle.options.add(op);
}
for (var i = 0; i < as.length; i++) {
var op = new Option(as[i], i);
areaEle.options.add(op);
}
}
function chg2(obj) {
var val = obj.selectedIndex;
var as = areas[pIndex][val];
areaEle.options.length = 0;
for (var i = 0; i < as.length; i++) {
var op = new Option(as[i], i);
areaEle.options.add(op);
}
}
...全文
77 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
木头海上漂 2015-09-18
  • 打赏
  • 举报
回复
被选中的options是有状态的,
你可以通过这个来获取数据
csdn_瞎折腾 2015-09-18
  • 打赏
  • 举报
回复
建一个数组,没获取到一个值的时候便把它放进数组。 var arr = []; //获取到值的时候 arr.push(val), arr.push(cs), arr.push(as) 最好返回的时候取数组的值就可以了。

87,964

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧