可输入的select代码

来源：asp之家时间：2009-12-26 18:25:00　

代码如下：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>可输入的select - asp之家</title> <style> .optionForSel {font-size:9pt} </style> </head> <body leftmargin="50" topmargin="50"> <table cellpadding="0" cellspacing="0" border="0" width="300"> <tr> <td id="selectLength" width="100％" style="height:20px;padding:0px;border:2px inset #404040;border-right:0px;border-bottom:1px solid #D4D0C8;font-size:9pt;"> <div id="selectedValue" style="padding:2px;border:0px;width:100％;height:20px;font-size:9pt;vertical-align:bottom"></div> </td> <td width="20" style="height:20px;padding:0px;border-top:2px inset #404040;border-left:0px;border-right:1px solid #D4D0C8;border-bottom:1px solid #D4D0C8;font-size:9pt"> <img src="images/button2.gif" border="0" id="mm" onclick="mm_Click()" align="absmiddle" width="18" height="18"> </td> </tr> </table> <div id="dropdownOption" style="position:absolute;visibility:hidden;width:100％;border:1px solid #080808;z-index:10"> <table width="100％" cellpadding="0" cellspacing="1" class="optionForSel" bgcolor="White"> <tr> <td onmouseover="this.style.backgroundColor='#0099ff'" onmouseout="this.style.backgroundColor=''" onclick="document.all.selectedValue.innerText=this.innerText"> Visit1 </td> </tr> <tr> <td onmouseover="this.style.backgroundColor='#0099ff'" onmouseout="this.style.backgroundColor=''" onclick="document.all.selectedValue.innerText=this.innerText"> Visit2 </td> </tr> <tr> <td onmouseover="this.style.backgroundColor='#0099ff'" onmouseout="this.style.backgroundColor=''" onclick="document.all.selectedValue.innerText=this.innerText"> Visit3 </td> </tr> </table> </div> <script> function mm_Click(){ if (document.all.dropdownOption.style.visibility == 'visible') document.all.dropdownOption.style.visibility = 'hidden' else document.all.dropdownOption.style.visibility = 'visible' } function init(){ document.all.dropdownOption.style.width = document.all.selectLength.clientWidth + 22; document.all.selectedValue.contentEditable = true; var strTop = 0; var strLeft = 0; var e1 = document.all.selectLength; while(e1.tagName != "BODY"){ strTop += e1.offsetTop strLeft += e1.offsetLeft e1 = e1.offsetParent } document.all.dropdownOption.style.top = String(strTop + 24) + "px"; document.all.dropdownOption.style.left = String(strLeft) + "px"; } function clickE(){ if(window.event.srcElement.id !='mm') document.all.dropdownOption.style.visibility = 'hidden'; } document.onclick = clickE window.onload = init </script> <br> <br> <input type="button" value="得到选中的值" onclick="alert(document.all.selectedValue.innerText)"> </body> </html>

标签：select,代码

投稿

可输入的select代码

猜你喜欢

Python合并重叠矩形框

几个javascript特效代码

Python实现APP自动化发微信群消息的示例代码

ADO的错误码对应的含义

Pycharm学习教程（2）代码风格

PyCharm无法引用自身项目解决方式

git stash的正确用法详解

python函数存储在模块的优点及用法总结

vue 踩不完的异步之坑及解决

Python 中的with关键字使用详解

python闭包与引用以及需要注意的陷阱

python数据类型bytes 和 bytearray的使用与区别

Python远程linux执行命令实现

在django admin详情表单显示中添加自定义控件的实现

Mysql联合查询UNION和UNION ALL的使用介绍

python图像和办公文档处理总结

Access创建一个简单MIS多媒体管理系统

解决mysql不能插入中文Incorrect string value

mysql中TIMESTAMPDIFF案例详解

asp中怎么输出双引号？

可输入的select代码

猜你喜欢

Python合并重叠矩形框

几个javascript特效代码

Python实现APP自动化发微信群消息的示例代码

ADO的错误码对应的含义

Pycharm学习教程（2） 代码风格

PyCharm无法引用自身项目解决方式

git stash的正确用法详解

python函数存储在模块的优点及用法总结

vue 踩不完的异步之坑及解决

Python 中的with关键字使用详解

python闭包与引用以及需要注意的陷阱

python数据类型bytes 和 bytearray的使用与区别

Python远程linux执行命令实现

在django admin详情表单显示中添加自定义控件的实现

Mysql联合查询UNION和UNION ALL的使用介绍

python图像和办公文档处理总结

Access创建一个简单MIS多媒体管理系统

解决mysql不能插入中文Incorrect string value

mysql中TIMESTAMPDIFF案例详解

asp中怎么输出双引号？

Pycharm学习教程（2）代码风格