Question

我有一个下拉列表，其中包含多个选项复选框。现在每当我选择下拉列表的任何复选框，然后我想在下拉列表旁边的文本框中显示该选项。如果我取消选择该选项，则该选项也应从文本框中删除。

我搜索了很多但没有得到适当的解决方案。

<td style="padding-top: 10px" colspan="3">
                                    <asp:DropDownCheckBoxes ID="ddlproduct" runat="server" AddJQueryReference="true" UseSelectAllNode="false">
                                        <Style SelectBoxWidth="200" DropDownBoxBoxWidth="200" DropDownBoxBoxHeight="200" />
                                        <Texts SelectBoxCaption="--Select--" />
                                    </asp:DropDownCheckBoxes>
                                    <asp:ExtendedRequiredFieldValidator ID="rfv_ddlproduct" runat="server" ErrorMessage="<b>Required</b>" ControlToValidate="ddlproduct" ForeColor="Red"></asp:ExtendedRequiredFieldValidator>
                                    &nbsp;&nbsp;
                                    <asp:TextBox ID="txtselectedproducts" runat="server" Width="573px"></asp:TextBox>
                                </td>



 private void fetchandfillprod()
{
    DataSet ds = new DataSet();
    ds = DBConf.db_fet("select columnname from tablename with(nolock)");
    if (ds.Tables[0].Rows.Count > 0)
    {
        ddlproduct.DataSource = ds.Tables[0];
        ddlproduct.DataTextField = "columnname";
        ddlproduct.DataValueField = "columnname";
        ddlproduct.DataBind();
    }
}

我在Dropdownlist中使用了DropDownCheckBoxes.dll复选框。

Answer 1

请参阅此链接..这正是您要找的...... http://www.aspsnippets.com/Articles/Multiple-Select-MultiSelect-DropDownList-with-CheckBoxes-in-ASPNet-using-jQuery.aspx ..

而不是警告将复选框选中的项目绑定到文本框。

Answer 2

使用SelcetedIndexChanged事件，找到一个示例，这里是修改后的代码。这也是回发整页，我建议你使用UpdatePanel。

   protected void ddlproduct_SelcetedIndexChanged(object sender, EventArgs e)
    {
        txtselectedproducts.Text ="";

        foreach (ListItem item in (sender as ListControl).Items)
        {
             if (item.Selected){
                 txtselectedproducts.Text += Item.Text;
                 }
        }
    }

如果不能解决，请original post。

如何在asp.net的文本框中的下拉列表中显示复选框的选定选项

2 个答案: