javascript联动,js多级联动

jsp中利用javascript实现三级联动

js代码

//级联菜单

var province = ['江西省','江苏省','浙江省','甘肃省','江西省','江苏省','浙江省','甘肃省'];

var city = Array(

new Array ('南昌市','赣州市','抚州市','上饶市'),

new Array('杭州市','温州市','宁波市'),

new Array('南京市','苏州市','昆山市','太仓市'),

new Array('兰州市','敦煌市','兰楼市'),

new Array ('南昌市','赣州市','抚州市','上饶市'),

new Array('杭州市','温州市','宁波市'),

new Array('南京市','苏州市','昆山市','太仓市'),

new Array('兰州市','敦煌市','兰楼市')

)

//遍历省份

for(var i=0;iprovince.length;i++){

var opt = document.createElement('option'); //创建一个结点

opt.value = province[i]; //在value显示

opt.innerHTML = opt.value; //页面显示

document.getElementById('big').appendChild(opt);

}

//省份值改变的时候调用函数

function show_small(){

//alert( document.getElementById('big').selectedIndex);//拿到下标

document.getElementById('small').innerHTML="";//清空 appendChild会追加

var index = document.getElementById('big').selectedIndex;

for(var i=0;icity[index-1].length;i++){ //注意下标

var opt = document.createElement('option');

opt.value = city[index-1][i];

opt.innerHTML = opt.value;

document.getElementById('small').appendChild(opt);

}

}

html代码

!-- 级联菜单--

select id="big" onchange="show_small()"

option value=""--select--/option

/select

select id="small"

option value=""--select--/option

/select

手上刚好有个二级联动的，三级联动的你可以自己看着加进去，希望对你有帮助

相关问答

Q1: 如何用javaScript实现复选框的联动?

在动态生成的时候，需要对 CHECKBOX 的ID 做一些特殊的命名，比如：根是ROOT，父亲是 P_标志位_序号，子节点是 标志位_序号 这种类型的， 才会容易控制

Q2: javascript怎样实现4级联动

/*

* 打开新窗口

* f:链接地址

* n:窗口的名称

* w:窗口的宽度

* h:窗口的高度

*/

function openScrollbarWin(f,n,w,h){

l = (screen.width - w)/2;

t = (screen.height - h)/2;

sFeatures = "left="+ l +",top="+ t +",height="+ h +",width="+ w

+ ",center=1,scrollbars=yes,status=0,resizable=yes,directories=0,channelmode=0";

openwin = window.open(f , n , sFeatures );

if (!openwin.opener)

openwin.opener = self;

openwin.focus();

return openwin;

}