作者:caience 時間: 2006-04-12 文檔類型:原創(chuàng) 來自:藍色理想
公司有人要,寫了一個,放上來,有要得copy去用吧,下面是第一種option的value和text是一個值得方式,下面再貼不同值得方式。
運行代碼框<form method="post" name="myform"> <select name="classid" onchange="select()"></select> <select name="suid"></select> <select name="gid"></select> </form> <script language="javascript"> <!-- var arrText = new Array(5); var arrValue = new Array(arrText.length); function objSetOption(select1, select2, select3) { this.select1 = select1; this.select2 = select2; this.select3 = select3; } arrText[0]= new objSetOption("選擇1:", "選擇2_1:,選擇2_2:", "選擇3_1:,選擇3_2:"); arrText[1] = new objSetOption("論文:1", "語文:1,數(shù)學:2,英語:3", "初中:2,高中:3"); arrText[2] = new objSetOption("例題:2", "顯示b2_1:值b2_1,顯示b2_2:值b2_2", "顯示b3_1:值b3_1,顯示b3_2:值b3_2"); arrText[3] = new objSetOption("顯示c:值c", "顯示c2_1:值c2_1,顯示c2_2:值c2_2", "顯示c3_1:值c3_1,顯示c3_2:值c3_2"); arrText[4] = new objSetOption("顯示d:值d", "顯示d2_1:值d2_1,顯示d2_2:值d2_2", "顯示d3_1:值d3_1,顯示d3_2:值d3_2"); arrText[5] = new objSetOption("顯示e:值e", "顯示e2_1:值e2_1,顯示e2_2:值e2_2", "顯示e3_1:值e3_1,顯示e3_2:值e3_2"); function select(sValue1, sValue2, sValue3) { var eltSelect1 = document.myform.classid; var eltSelect2 = document.myform.suid; var eltSelect3 = document.myform.gid; var arrSelect1, arrSelect2, arrSelect3; var arrData1, arrData2, arrData3; with(eltSelect1) { var strSelect = options[selectedIndex].value; } for(i = 0;i < arrText.length;i ++) { arrSelect1 = arrText[i].select1; arrData1 = arrSelect1.split(":"); if (arrData1[1] == strSelect) { arrSelect2 = (arrText[i].select2).split(","); for(j = 0;j < arrSelect2.length;j++) { arrData2 = arrSelect2[j].split(":"); with(eltSelect2) { length = arrSelect2.length; options[j].text = arrData2[0]; options[j].value = arrData2[1]; if (arrData2[1] == sValue2) { options[j].selected = true; } } } arrSelect3 = (arrText[i].select3).split(","); for(j = 0;j < arrSelect3.length;j++) { arrData3 = arrSelect3[j].split(":"); with(eltSelect3) { length = arrSelect3.length; options[j].text = arrData3[0]; options[j].value = arrData3[1]; if (arrData3[1] == sValue3) { options[j].selected = true; } } } break; } } } function init(sValue1, sValue2, sValue3) { var eltSelect1 = document.myform.classid; var eltSelect2 = document.myform.suid; var eltSelect3 = document.myform.gid; var arrSelect1, arrSelect2, arrSelect3; var arrData1, arrData2, arrData3; if (eltSelect1 != undefined && eltSelect2 != undefined && eltSelect3 != undefined) { with(eltSelect2) { arrSelect2 = (arrText[0].select2).split(","); length = arrSelect2.length; for(i = 0;i < length;i ++) { arrData2 = arrSelect2[i].split(":"); options[i].text = arrData2[0]; options[i].value = arrData2[1]; } } with(eltSelect3) { arrSelect3 = (arrText[0].select3).split(","); length = arrSelect3.length; for(i = 0;i < length;i ++) { arrData3 = arrSelect3[i].split(":"); options[i].text = arrData3[0]; options[i].value = arrData3[1]; } } with(eltSelect1) { length = arrText.length; for(i = 0;i < arrText.length;i ++) { arrSelect1 = arrText[i].select1; arrData1 = arrSelect1.split(":"); options[i].text = arrData1[0]; options[i].value = arrData1[1]; if (arrData1[1] == sValue1) { options[i].selected = true; select("", sValue2, sValue3); } } } } } //init(); //默認初始化 init("2", "值b2_1", "值b3_2"); //更改后默認初始化 // --> </script> [Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
經(jīng)典論壇討論帖:http://www.95time.cn/bbs/NewsDetail.asp?id=2531233
出處:藍色理想 責任編輯:moby
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。
轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。
特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。