JavaScript实现select功能代码

《JavaScript实现select功能代码》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、JavaScript实现select功能代码在进行JavaScript实现select所支持的功能实现时，首先需要了解一些标识的定义，比如true-这个是控制单击时出现下拉框体的标识等等。调用时可以这样：1，tempStr=GetNewSelectStr(dataTable.value,"select"+rowIndex,true);2,makeSelectBox("select"+rowIndex,tempStr,value,obj);tempStr-这个是返回的下拉列表值的框体dataTable.value-这个是数据源(我这里是一张表)"s

2、elect"+rowIndex-这个是ID号，也就是当前这个select的id号(我这里是有多个select所以ID号是自动的)true-这个是控制单击时出现下拉框体的标识value-这个是初始的时候显示在select输入框中的值obj-这个是要显示select的对象JavaScript实现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