根据从 asp.net 中的下拉框中的选择显示文本框答案

【问题标题】：show textbox based on selection from a drop-down box in asp.net根据从 asp.net 中的下拉框中的选择显示文本框
【发布时间】：2015-03-04 21:23:12
【问题描述】：

我只想在用户从下拉列表中选择“是”时显示文本框。我想默认隐藏或不显示文本框，但仅在从下拉列表中选择“是”时显示。谢谢。

<asp:DropDownList ID="ddl1" AutoPostBack="false" CssClass="form-control" runat="server" AppendDataBoundItems="true">
                            <asp:ListItem Text="!!! Please make selection !!!" Value="0"></asp:ListItem>
                            <asp:ListItem Text="Yes" Value="Yes"></asp:ListItem>
                            <asp:ListItem Text="No" Value="No"></asp:ListItem>
                        </asp:DropDownList>

这是文本框

 <asp:TextBox ID="txt1" runat="server"  CssClass="form-control"></asp:TextBox>

【问题讨论】：

标签： javascript c# jquery asp.net

【解决方案1】：

如果你愿意使用 jQuery，你会这样做。

$(function () {
    $('[id*="ddl1"]').on('change', function () {
        var val = this.value,
            $txtbox = $('[id*="txt1"]');

        if (val === "Yes") {
            // Show text box
            $txtbox.show();
        } else {
            // Hide text box
            $txtbox.hide();
        }
    });
});

还要确保文本框在加载时隐藏。

<asp:TextBox ID="txt1" runat="server" style="display:none;"  CssClass="form-control"></asp:TextBox>

【讨论】：

【解决方案2】：

如果不使用 jquery，则使 AutoPostBack="true" 和文本框可见为 false。然后双击ddl1并写入selectedindexchange方法c#

if(ddl1.selecteditem==true) 
      txt1.visible=true;
else
      txt1.visible=false;

【讨论】：