可输入的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代码

猜你喜欢

CREATE FUNCTION sqlserver用户定义函数

服务端XMLHTTP（ServerXMLHTTP in ASP）基本应用（上）

asp中怎么输出双引号？

一个将半角"转换为中文"的asp函数

设计和企业文化

oracle chm帮助文件下载

微软建议的ASP性能优化28条守则(7)

Zen Coding: 一种快速编写HTML/CSS代码[译]

JavaScript中的"类" 序言

SqlServer参数化查询之where in和like实现之xml和DataTable传参介绍

全兼容可高亮二级缓冲折叠菜单

CSS3的新特性

妙用Dreamweaver MX共享WPS Office文件

CSS框架的利与弊

Oracle 10g的DBA无法登录解决方案

ASP图片分页代码 (通用)

也谈谈DIV+CSS的牛角尖

asp查询xml的代码不刷新页面查询的方法

瞬间的设计(四)【碳酸饮料会】

一个简单的ASP生成HTML分页程序

可输入的select代码

猜你喜欢

CREATE FUNCTION sqlserver用户定义函数

服务端XMLHTTP（ServerXMLHTTP in ASP）基本应用（上）

asp中怎么输出双引号？

一个将半角"转换为中文"的asp函数

设计和企业文化

oracle chm帮助文件下载

微软建议的ASP性能优化28条守则(7)

Zen Coding: 一种快速编写HTML/CSS代码[译]

JavaScript中的"类" 序言

SqlServer参数化查询之where in和like实现之xml和DataTable传参介绍

全兼容可高亮二级缓冲折叠菜单

CSS3的新特性

妙用Dreamweaver MX共享WPS Office文件

CSS框架的利与弊

Oracle 10g的DBA无法登录解决方案

ASP图片分页代码 (通用)

也谈谈DIV+CSS的牛角尖

asp查询xml的代码 不刷新页面查询的方法

瞬间的设计(四)【碳酸饮料会】

一个简单的ASP生成HTML分页程序

asp查询xml的代码不刷新页面查询的方法