根据asp.net中下拉框中的选择显示文本框
show textbox based on selection from a drop-down box in asp.net
我只想在用户从下拉列表中选择"是"时显示文本框。默认情况下,我想保持文本框隐藏或不可见,但仅在下拉列表中选择"是"时显示。谢谢
<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并写入所选的dexchange方法c#
if(ddl1.selecteditem==true)
txt1.visible=true;
else
txt1.visible=false;
相关文章:
- 根据用户从下拉列表中的选择显示多个文本框
- 根据页面加载时的单选按钮选择显示某些字段
- 根据组合框选择显示特定数据
- 从项目列表Jquery中仅选择(显示:块)元素
- 根据用户复选框选择显示或隐藏下拉框
- 根据以前的选择显示选择选项
- 如何选择显示值而不是value选项
- 根据asp.net中下拉框中的选择显示文本框
- 根据单选按钮的选择显示HTML表单
- 缩小后的大图像上的Jcrop圆形选择显示预览选择区域中的全尺寸图像
- 按数字选择显示输入
- 基于下拉选择显示/隐藏控件mvc 4 razor c#
- 角度选择显示名称和项目
- 获取值并根据用户在 Javascript 上的选择显示
- 根据选择显示表格/表单
- 根据下拉选择显示文本
- 为什么选择显示显示值而不是标签
- 多个文本字段,根据单选选择显示/隐藏(Html,JS)
- 基于多个单选按钮选择显示或隐藏元素
- 根据在选择框中所做的选择显示文本