由于系统自带的Select实在是不好用,这里我用javascript写了一个全新的Select. 功能: 1.可编辑的Select 2.长度可以随意修改 3.可以遮盖系统Select 4.支持forms 5.支持CSS修改外观 6.修正在IE 5.0上运行出错的问题 7.支持使用js脚本 使用方法 [b]var 实体化变量=new editselect(名字,长度,默认字符串,宽度,高度,只读)[/b] [b]实体化变量.add(option数值,JS脚本)[/b] 这只是一个测试版,很多功能没有完善,比如没有区分value和caption等等,希望大家提出宝贵意见. EditSelect .selecttext{ border:0px height: 16; font-family:arial; font-size:12px; } .selectbutton{ font-family:webdings; font-size:10px; height: 19; width: 16; border:1px solid #83A5EB; line-height:0px; padding-bottom:3px; background-color:#D1E0FD } .selecttable{ font-family:arial; font-size:12px; cursor:default; } .selectcontent { position: absolute; top:0; left:0; overflow:auto; border:1px solid #000000 } .selectdiv { position: absolute; width:100; overflow:hidden; } .select{ border-collapse: collapse; border:1px solid #7F9DB9 } 可编辑的Select 长度可以随意修改 可以设置为只读 可以遮盖系统Select 　 系统的Select　 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　基于Web标准的UI组件 — 树状菜单(2)

从这篇开始，你需要拥有一些Javascript和DOM相关的知识才能顺利地学习下去。由于Javascript和DOM都不是三言两语可以说完的东西，如果你对它们还不熟悉，请先到这里学习一下再继续：Javascript在线教程（英文）、DO>>>详细阅读

本文标题：打造个性化的Select(可编辑)

地址：http://www.17bianji.com/kaifa2/JS/31536.html

 1/2    1