JavaScript 联动的无限级封装类,数据采用非Ajax方式,随意添加联动

2019-06-06 00:20:23王旭

},
// 重新选择时的处理
_defaultSelect : function() {
this.second.selectedIndex = 0;
this.second.options.length = 1;
if(this.second.fireEvent) {
// IE
this.second.fireEvent('onchange');
} else {
// DOM 2
var event = document.createEvent('HTMLEvents');
event.initEvent('change', false, true);
this.second.dispatchEvent(event);
}
}
}
window.onload = function() {
Linkage.initFirst('base1', data);
var one = new Linkage('base1', 'base2');
one.init();
var two = new Linkage('base2', 'base3');
two.init();
}
</script>
<style type="text/css">
* {
font-size: 12px;
font-family: "courier new";
}
select {
width: 120px;
}
</style>
<body>
一级:<select name="base1" id="base1"><option value="0">-- 请选择 --</option></select>
 
二级:<select name="base2" id="base2"><option value="0">-- 请选择 --</option></select>
 
三级:<select name="base3" id="base3"><option value="0">-- 请选择 --</option></select>
</body>
</html>

Js代码

var one = new Linkage('base1', 'base2', data2);
one.init();
var two = new Linkage('base2', 'base3', data3);
two.init();
//每增加一级联动,就要 new 一下就可以了