近日,在做項目的時候,需要dropdownlist可編輯,但是找了很多方法都沒有實作。最後通過曲折實作了。
(1)思路即為:新增一個textbox占位于dropdownlist之上。初始化,和changed事件中,記得給textbox指派,就可以實作了。
(2)代碼示例:
前台:
<div style="position: relative;">
<span style="margin-left: 132px; width: 18px; overflow: hidden;">
<asp:DropDownList ID="DropDownList1" runat="server" Style="width: 150px; margin-left: -132px"
AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem>1</asp:ListItem>
<asp:ListItem>2</asp:ListItem>
<asp:ListItem>3</asp:ListItem>
</asp:DropDownList>
</span>
<asp:TextBox ID="TextBox1" runat="server" Style="width: 126px; position: absolute;
left: 0px;" AutoPostBack="True" OnTextChanged="TextBox1_TextChanged"></asp:TextBox>
</div>
背景:
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
TextBox1.Text = DropDownList1.SelectedItem.Text;
}
protected void TextBox1_TextChanged(object sender, EventArgs e)
{
//DropDownList1.SelectedValue = TextBox1.Text;
}