js實(shí)現(xiàn)的下拉框二級(jí)聯(lián)動(dòng)效果

1、這篇文章主要介紹了js實(shí)現(xiàn)的下拉框二級(jí)聯(lián)動(dòng)效果，涉及JavaScript針對(duì)頁面元素的遍歷與節(jié)點(diǎn)操作相關(guān)技巧，需要的朋友可以參考下本文實(shí)例講述了js實(shí)現(xiàn)的下拉框二級(jí)聯(lián)動(dòng)效果。分享給大家供大家參考，具體如下：<scriptlanguage="JavaScript"type="text/javascript"><!-/* *說明：將指定下拉列表的選項(xiàng)值清空 *轉(zhuǎn)自:GdongElvis() * *param(String|Objectselect

2、Obj目標(biāo)下拉選框的名稱或?qū)ο螅仨?amp;nbsp;*/ functionremoveOptions(selectObj) ( if(typeofselectObj!='object') ( selectObj=document.getElementByld(selectObj);  /原有選項(xiàng)計(jì)數(shù) varlen=selectObj.options.length; for(vari=0;i<len;i

3、+)( /移除當(dāng)前選項(xiàng) selectObj.options0=null;   /* *param(String|ObjectselectObj目標(biāo)下拉選框的名稱或?qū)ο?，必?amp;nbsp;*param(ArrayoptionList選項(xiàng)值設(shè)置格式：(txt:'北京',val:'010',(txt:'上海',val:'020',必須 *param(StringfirstOption第一個(gè)選項(xiàng)值，如：&qu

4、ot;請(qǐng)選擇"，可選，值為空 *param(Stringselected默認(rèn)選中值，可選 */ functionsetSelectOption(selectObj,optionList,firstOption,selected)( if(typeofselectObj!='object') ( selectObj=document.getElementByld(selectObj);  /清空選項(xiàng) remov

5、eOptions(selectObj); /選項(xiàng)計(jì)數(shù) varstart=0; /如果需要添加第一個(gè)選項(xiàng) if(firstOption)( selectObj.options0=newOption(firstOption,''); /選項(xiàng)計(jì)數(shù)從1開始 start+;  varlen=optionList.length; for(vari=0;i<len;i+)( /設(shè)置o

6、ption selectObj.optionsstart=newOption(optionListi.txt,optionListi.val); /選中項(xiàng) if(selected=optionListi.val) ( selectObj.optionsstart.selected=true;  /計(jì)數(shù)加1 start+;   /-></script>&

7、;lt;scriptlanguage="JavaScript"type="text/javascript">varcityArr=;cityArr'江蘇省'= (txt:'南京',val:'南京', (txt:'無錫',val:'無錫', (txt:'徐外I',val:'徐外I', (txt:'蘇州',val:'蘇州',&

8、;nbsp;(txt:'南通',val:'南通', (txt:'淮陰',val:'淮陰', (txt:'揚(yáng)州',val:'揚(yáng)州', (txt:'鎮(zhèn)江',val:'鎮(zhèn)江', (txt:'常州,val:'常州' cityArr'浙江省'= (txt:'杭外I',val:'杭外I',&nb

9、sp;(txt:'寧波',val:'寧波', (txt:'溫外I',val:'溫外I', (txt:'湖外I',val:'湖外I' functionsetCity(province)( setSelectOption('city',cityArrprovince,'-請(qǐng)選擇-');</script> <selectname="p

10、rovince"id="province"onchange="if(this.value!='')setCity(this.optionsthis.selectedIndex.value);"> <optionvalue="">-請(qǐng)選擇-</option> <optionvalue="江蘇省">江蘇省</option>&n

11、bsp;<optionvalue="浙江省">浙江省</option> </select> 省 <selectname="city"id="city"> <optionvalue="">-請(qǐng)選擇-</option> </select> 市PS:這里再為大家