資源描述：
《JavaScript實現(xiàn)select功能代碼》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、JavaScript實現(xiàn)select功能代碼在進行JavaScript實現(xiàn)select所支持的功能實現(xiàn)時，首先需要了解一些標識的定義，比如true-這個是控制單擊時出現(xiàn)下拉框體的標識等等。調(diào)用時可以這樣：1，tempStr=GetNewSelectStr(dataTable.value,"select"+rowIndex,true);2,makeSelectBox("select"+rowIndex,tempStr,value,obj);tempStr-這個是返回的下拉列表值的框體dataTable.value-這個是數(shù)據(jù)源(我這里是一張表)"s
2、elect"+rowIndex-這個是ID號，也就是當前這個select的id號(我這里是有多個select所以ID號是自動的)true-這個是控制單擊時出現(xiàn)下拉框體的標識value-這個是初始的時候顯示在select輸入框中的值obj-這個是要顯示select的對象JavaScript實現(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
