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

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

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

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

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;

}

分享名称：javascript联动,js多级联动
分享地址：http://chengdu.cdxwcx.cn/article/dsegihc.html