天天看點

ASP.NET 可編輯的下拉框——DropDownList

近日,在做項目的時候,需要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;

    }

繼續閱讀