DropDownList下拉框可編輯功能的簡單實現
文章來源：365jz.com 點擊數：3218 更新時間：2009-09-16 11:52 參與評論
BingWay原創(chuàng)作品，轉載請注明作者和出處。
下拉框和文本框緊密結合，實現起來卻不是那么容易。最近做項目，想到一個DropDownList可編輯控件比較好的實現方法，和大家分享一下。
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>
我的方法是在DropDownList上加層和文本框，有人喜歡用像素定位文本框，這樣做不但很難定位，而且瀏覽器運行出來的效果可能有偏差；
用層定位相對而言比較好控制。
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>
下拉框和文本框緊密整合。
頁面加載及觸發(fā)DropDownList1_SelectedIndexChanged事件，給文本框賦值。
string text = DropDownList1.SelectedValue.ToString();//DropDownList1選中的值
txtCName.Value = text;//給txtCName賦值 運行測試。
更改下拉框的值。這是我想到的最簡單的方法，園子里的朋友，有什么更好的方法，請不吝賜教。
如對本文有疑問，請?zhí)峤坏浇涣髡搲瑥V大熱心網友會為你解答！！ 點擊進入論壇
您可能感興趣的文章:
------分隔線----------------------------
- 上一篇：新版.Net開發(fā)必備十大工具
- 下一篇：Oxite分析之Module
