JavaScript實(shí)現(xiàn)select功能代碼

《JavaScript實(shí)現(xiàn)select功能代碼》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、JavaScript實(shí)現(xiàn)select功能代碼在進(jìn)行JavaScript實(shí)現(xiàn)select所支持的功能實(shí)現(xiàn)時(shí)，首先需要了解一些標(biāo)識(shí)的定義，比如true-這個(gè)是控制單擊時(shí)出現(xiàn)下拉框體的標(biāo)識(shí)等等。調(diào)用時(shí)可以這樣：1，tempStr=GetNewSelectStr(dataTable.value,"select"+rowIndex,true);2,makeSelectBox("select"+rowIndex,tempStr,value,obj);tempStr-這個(gè)是返回的下拉列表值的框體dataTable.value-這個(gè)是數(shù)據(jù)源(我這里是一張表)"s

2、elect"+rowIndex-這個(gè)是ID號(hào)，也就是當(dāng)前這個(gè)select的id號(hào)(我這里是有多個(gè)select所以ID號(hào)是自動(dòng)的)true-這個(gè)是控制單擊時(shí)出現(xiàn)下拉框體的標(biāo)識(shí)value-這個(gè)是初始的時(shí)候顯示在select輸入框中的值obj-這個(gè)是要顯示select的對(duì)象JavaScript實(shí)現(xiàn)select源代碼：1.var?nowOpenedSelectBox?=?"";??2.var?mousePosition?=?"";??3.var?userList=null;??4.function?selectThisValue(thisId,thisI

3、ndex,thisValue,thisString)?{??5.var?objId?=?thisId;??6.var?nowIndex?=?thisIndex;??7.var?valueString?=?thisString;??8.var?sourceObj?=?$(objId);??9.var?nowSelectedValue?=?document.getElementById(nowIndex+thisId).innerHTML;??10.hideOptionLayer(objId);??11.if?(sourceObj)?sourceOb

4、j.value?=?nowSelectedValue;??12.settingValue(objId,valueString);??13.selectBoxFocus(objId);??14.if?(sourceObj.onchange)?sourceObj.onchange();??15.}??16.function?settingValue(thisId,thisString)?{??1.var?objId?=?thisId;??2.var?valueString?=?thisString;??3.var?selectedArea?=?doc

5、ument.getElementById(objId+"selectBoxSelectedValue");??4.if?(selectedArea)?{??5.if(navigator.appName.indexOf("Explorer")?>?-1){??6.selectedArea.innerText?=?valueString;??7.}??8.else{??9.selectedArea.textContent?=?valueString;??10.}??11.}??12.}??13.var?l=0;??14.//顯示下拉框中的值??15.

6、function?viewOptionLayer(thisId,Istask,flag)?{??16.var?objId?=?thisId;??17.var?selectInfo="";??18.var?optionHeight?=?18;?//?高??19.var?optionMaxNum?=?7;?//??20.var?optionInnerLayerHeight?=?"";??21.var?selectBoxWidth?=130;??22.var?selectBoxHeight?=17;??23.l=userList.Rows.length

7、;??24.var?optionLayer?=?document.getElementById(objId+"selectBoxs");??25.if(optionLayer.innerHTML=="")??26.{??27.if?(l?>?optionMaxNum)?optionInnerLayerHeight?=?"height:"+?(optionHeight?*?optionMaxNum)?+?"px";??28.selectInfo?=?"";??29.if(Istask=="true")??30.{??31.selectInfo?+=

8、?"?";??32.selectInfo?+=?"?";??33.selectInfo?+=?"???34.";??35.selectI