- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
JavaScript实现select功能代码
JavaScript实现select功能代码
在进行JavaScript实现select所支持的功能实现时,首先需要了解一些标识的定义,比如true-这个是控制单击时出现下拉框体的标识等等。
调用时可以这样:
1,tempStr=GetNewSelectStr(dataTable.value,select+rowIndex,true);
2,makeSelectBox(select+rowIndex,tempStr,value,obj);
tempStr-这个是返回的下拉列表值的框体
dataTable.value-这个是数据源(我这里是一张表)
select+rowIndex-这个是ID号,也就是当前这个select的id号(我这里是有多个select所以ID号是自动的)
true-这个是控制单击时出现下拉框体的标识
value-这个是初始的时候显示在select输入框中的值
obj-这个是要显示select的对象
JavaScript实现select源代码:
var?nowOpenedSelectBox?=?;? ?
var?mousePosition?=?;? ?
var?userList=null;? ?
function?selectThisValue(thisId,thisIndex,thisValue,thisString)?{? ?
var?objId?=?thisId;? ?
var?nowIndex?=?thisIndex;? ?
var?valueString?=?thisString;? ?
var?sourceObj?=?$(objId);? ?
var?nowSelectedValue?=?document.getElementById(nowIndex+thisId).innerHTML;? ?
hideOptionLayer(objId);? ?
if?(sourceObj)?sourceObj.value?=?nowSelectedValue;? ?
settingValue(objId,valueString);? ?
selectBoxFocus(objId);? ?
if?(sourceObj.onchange)?sourceObj.onchange();? ?
}? ?
function?settingValue(thisId,thisString)?{? ?
var?objId?=?thisId;? ?
var?valueString?=?thisString;? ?
var?selectedArea?=?document.getElementById(objId+selectBoxSelectedValue);? ?
if?(selectedArea)?{? ?
if(navigator.appName.indexOf(Explorer)??-1){? ?
selectedArea.innerText?=?valueString;? ?
}? ?
else{? ?
selectedArea.textContent?=?valueString;? ?
}? ?
}? ?
}? ?
var?l=0;? ?
//显示下拉框中的值? ?
function?viewOptionLayer(thisId,Istask,flag)?{? ?
var?objId?=?thisId;? ?
var?selectInfo=;? ?
var?optionHeight?=?18;?//?高? ?
var?optionMaxNum?=?7;?//? ?
var?optionInnerLayerHeight?=?;? ?
var?selectBoxWidth?=130;? ?
var?selectBoxHeight?=17;? ?
l=userList.Rows.length;? ?
var?optionLayer?=?document.getElementById(objId+selectBoxs);? ?
if(optionLayer.innerHTML==)? ?
{? ?
if?(l??optionMaxNum)?optionInnerLayerHeight?=?height:+?(optionHeight?*?optionMaxNum)?+?px;? ?
selectInfo?=?;? ?
if(Istask==true)? ?
{? ?
selectInfo?+=??;? ?
selectInfo?+=??;? ?
selectInfo?+=??? ?
;? ?
selectInfo?+=??;? ?
selectInfo?+=??;? ?
selectInfo?+=??? ?
;? ?
}? ?
文档评论(0)