快捷導航

打造個性化的Select(可編輯)

更新時間：2006年09月07日 00:00:00 作者：

由于系統(tǒng)自帶的Select實在是不好用,這里我用javascript寫了一個全新的Select.

功能:
  1.可編輯的Select
  2.長度可以隨意修改
  3.可以遮蓋系統(tǒng)Select
  4.支持forms
  5.支持CSS修改外觀
  6.修正在IE 5.0上運行出錯的問題
  7.支持使用js腳本
使用方法
[b]var 實體化變量=new editselect(名字,長度,默認字符串,寬度,高度,只讀)[/b]
[b]實體化變量.add(option數(shù)值,JS腳本)[/b]

這只是一個測試版,很多功能沒有完善,比如沒有區(qū)分value和caption等等,希望大家提出寶貴意見.

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>EditSelect</title>  <style> .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 } </style> </head> <body bgcolor="#83A5EB"> <table border="0" width="100%">     <tr>         <td width="151" align="center"><font size="2">可編輯的Select</font></td>         <td></td>     </tr>     <tr>         <td width="151" align="center"><font size="2">長度可以隨意修改可以設(shè)置為只讀</font></td>         <td>                  </td>     </tr>     <tr>         <td width="151" align="center"><font size="2">可以遮蓋系統(tǒng)Select</font></td>         <td>                  </td>     </tr>     <tr>         <td width="151" align="right">　</td>         <td><select><option>系統(tǒng)的Select</option></select>　</td>     </tr> </table> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]