这里所说的下拉列表框是:单选,size>1。
示例:
ASP JavaScript XHTML+CSS SQL Server
有个问题,一旦我们作了选择,就不能取消了,比如我们选择了第一项 ASP,但现在想取消,就必须利用程序,手动是取消不了的。
ITPOW控件-零选列表框示例:
请在上述第一项(ASP)上点一下,再点一下,是不是取消了?此程序在 IE 和 FireFox 中均有效,使用也非常简单,拷贝 JS 代码,并照样拷贝两个事件即可。
完整代码如下:
<?xml version="1.0" encoding="gb2312"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>SetNoSel</title> </head> <body> <div style="float:left;width:180px;"> <div>普通下拉列表框</div> <select size="4"> <option>ASP</option> <option>JavaScript</option> <option>XHTML+CSS</option> <option>SQL Server</option> </select> </div> <div style="float:left;width:180px;"> <div>可不选的下拉列表框</div> <select size="4" onchange="javascript:sns_selChnged=true;" onclick="javascript:SetNoSel(this);"> <option>ASP</option> <option>JavaScript</option> <option>XHTML+CSS</option> <option>SQL Server</option> </select> </div> <script type="text/javascript" language="javascript"> <!-- var sns_selChnged = true; function SetNoSel(list) { if (sns_selChnged) { sns_selChnged = false; } else { list.selectedIndex = -1; } } --> </script> </body> </html>[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
创建于2005年 渝ICP备05010272号-1
电邮:cftea@126.com