html的select控件本身功能很强,但是一个缺陷就是它不能被其它层遮挡住,这使得我们的其它特效存在一定的遗憾。因此我重写了一个select控件 效果如下: 控件下载:AspxControls.rar 使用实例: html页面 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><%@ Register Assembly="AspxControls" Namespace="AspxControls.MSelect" TagPrefix="cc1" %><!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 runat="server"> <title>无标题页</title> <style type="text/css"> body{font-size:12px;} </style></head><body> <form id="form1" runat="server" style="margin:0;padding:0"> <cc1:MSelect ID="MSelect1" Width="100" OnClientChange="alert(this.value)" runat="server"> <cc1:MOption Value="" Text="请选择" /> <cc1:MOption Value="1" Text="选项一" /> <cc1:MOption Value="2" Text="选项二"/> </cc1:MSelect> <br /><input type="button" οnclick="alert($MSelect1.getvalue())" value="获取值"/><input type="button" οnclick="$MSelect1.Add(new Date(),'我是新添的')" value="添加新项"/><input type="button" οnclick="$MSelect1.setvalue(2)" value="设定选项"/><br />设置初始值: <cc1:MSelect ID="MSelect2" Width="100" OnClientChange="alert(this.value)" Value="1" runat="server"> <cc1:MOption Value="" Text="请选择" /> <cc1:MOption Value="1" Text="选项一" /> <cc1:MOption Value="2" Text="选项二"/> </cc1:MSelect> </form></body></html> 服务端获取值 string s1=Request.Form["MSelect1"]; string S2=Request.Form["MSelect2"]; Javascript API 例如:控件ID:MSelect1 设定初始值:setvalue(val) 使用:$MSelect1.setvalue('1') 获取值:getvalue() 使用:$MSelect1.getvalue(); 添加新项:Add(val,text) 使用: $MSelect1.Add('a','A'); 删除项:RemoveAt(index) 删除索引index项 $MSelect1.RemoveAt(1); RemoveValue(val) 删除值为val项 $MSelect1.RemoveAt(''a'); 控件属性 Width:设置宽度 Value:设置初始值 OnClientChange:设置客户端变化事件,如:alert(this.value)