Javascript 基于asp.net中下拉框中的选择显示文本框
我只想在用户从下拉列表中选择“是”时显示文本框。默认情况下,我希望文本框保持隐藏或不可见,但仅在从下拉列表中选择“是”时显示。谢谢Javascript 基于asp.net中下拉框中的选择显示文本框,javascript,c#,jquery,asp.net,Javascript,C#,Jquery,Asp.net,我只想在用户从下拉列表中选择“是”时显示文本框。默认情况下,我希望文本框保持隐藏或不可见,但仅在从下拉列表中选择“是”时显示。谢谢 <asp:DropDownList ID="ddl1" AutoPostBack="false" CssClass="form-control" runat="server" AppendDataBoundItems="true"> <asp:ListItem Text="!!! Please
<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>
如果您愿意使用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>
如果不使用jquery,则使AutoPostBack=“true”和textbox可见为false。然后双击ddl1并写入selectedindexchange methodc
if(ddl1.selecteditem==true)
txt1.visible=true;
else
txt1.visible=false;