ASP.NET实现的可编辑下拉框控件示例

DropDownList下拉框可编辑功能的简单实现
文章来源：网络转载    点击数：2190     更新时间：2009-9-16 11:52:37 字体:[大 中 小]
收藏到：               

BingWay原创作品，转载请注明作者和出处。


在Web编程中，可编辑的下拉列表一直是个不是问题的问题，随之而出的第三方控件、Js控制Select控件的代码也随处可见，但是能兼容所有浏览器， 
下拉框和文本框紧密结合，实现起来却不是那么容易。最近做项目，想到一个DropDownList可编辑控件比较好的实现方法，和大家分享一下。 

我的方法是在DropDownList上加层和文本框，有人喜欢用像素定位文本框，这样做不但很难定位，而且浏览器运行出来的效果可能有偏差；
用层定位相对而言比较好控制。

Code
 1  <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" 
 2 OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"
 3             Width="180px"  style="position:absolute; ">
 4             <asp:ListItem>测试一</asp:ListItem>
 5             <asp:ListItem>测试二</asp:ListItem>
 6             <asp:ListItem>测试三</asp:ListItem>
 7         </asp:DropDownList>
 8          <div>
 9          <iframe id="DivShims" src="javascript:false;" scrolling="no" 
10 frameborder="0" style="position: absolute; height: 20px;" width="158px">
11          </iframe>
12          <input type="text" id="txtCName" runat="server" style="width: 158px; position:absolute;" />
13          </div>


  下拉框和文本框紧密整合。