jsp中利用javascript實現三級聯動

js代碼

公司主營業(yè)務：成都做網站、網站設計、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現互聯網宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯推出紅河哈尼免費做網站回饋大家。

//級聯菜單

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'); //創(chuàng)建一個結點

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實現復選框的聯動?

在動態(tài)生成的時候，需要對 CHECKBOX 的ID 做一些特殊的命名，比如：根是ROOT，父親是 P_標志位_序號，子節(jié)點是 標志位_序號 這種類型的， 才會容易控制

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://chinadenli.net/article42/dsegihc.html

成都網站建設公司_創(chuàng)新互聯，為您提供域名注冊、服務器托管、外貿建站、響應式網站、網站設計、App開發(fā)

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯