根据asp:DropDownList中的选择,可能使用Jquery显示相关字段标签
我有一个根据asp:DropDownList中的选择,可能使用Jquery显示相关字段标签,jquery,asp.net,Jquery,Asp.net,我有一个Asp.net应用程序,点击一个按钮,我有一个模式,首先只显示我的下拉列表。然后,当用户选择一个选项时,将显示其他字段 问题是,与其继续复制代码,我希望能够根据所做的选择替换我的asp:label HTML <asp:Label ID="lblAction" runat="server" Class="col-sm-4 control-label" Text="Select Action" AssociatedControlID="ddActionList" /> <d
Asp.net
应用程序,点击一个按钮,我有一个模式,首先只显示我的下拉列表。然后,当用户选择一个选项时,将显示其他字段
问题是,与其继续复制代码,我希望能够根据所做的选择替换我的asp:label
HTML
<asp:Label ID="lblAction" runat="server" Class="col-sm-4 control-label" Text="Select Action" AssociatedControlID="ddActionList" />
<div class="col-sm-8">
<asp:DropDownList ID="ddActionList" runat="server" class="form-control" style="max-width: 95%" >
<asp:ListItem Value="0">- - Please Select - -</asp:ListItem>
<asp:ListItem Value="1">Add A New User</asp:ListItem>
<asp:ListItem Value="2">Add A New Place</asp:ListItem>
<asp:ListItem Value="3">Remove An Existing User</asp:ListItem>
<asp:ListItem Value="4">Report A Bug</asp:ListItem>
<asp:ListItem Value="5">Site Imporovement</asp:ListItem>
<asp:ListItem Value="6">Other</asp:ListItem>
</asp:DropDownList>
</div>
<div id="Allfields" hidden>
<asp:Label ID="lblFirstField" runat="server" Class="col-sm-4 control-label" AssociatedControlID="txtFirstField" />
<div class="col-sm-8">
<asp:TextBox ID="txtFirstField" runat="server" class="form-control" style="max-width: 95%" />
</div>
</div>
不知道怎么做
示例
如果用户选择:
- “添加用户”我要显示“输入名称”
- “添加地点”我要显示“输入地点名称”
如果可以添加额外的代码,我不想添加额外的代码,但我不知道如何添加。通过将我的
JQuery
更新为以下内容来解决问题:
$("#MainContent_ddActionList").change(function ()
{
if ($("#MainContent_ddActionList").val() == 0)
{
$("#Allfields").hide();
$("#OtherSelected").hide();
}
else if (($("#MainContent_ddActionList").val() == 1) || ($("#MainContent_ddActionList").val() == 2) || ($("#MainContent_ddActionList").val() == 3))
{
$("#Allfields").show();
$("#OtherSelected").hide();
$("#MainContent_lblFirstField").text('Enter Full Name')
}
else if ($("#MainContent_ddActionList").val() == 4) {
$("#Allfields").show();
$("#OtherSelected").hide();
$("#MainContent_lblFirstField").text('Page')
}
else if ($("#MainContent_ddActionList").val() == 5) {
$("#Allfields").show();
$("#OtherSelected").hide();
$("#MainContent_lblFirstField").text('Suggested By')
}
else if ($("#MainContent_ddActionList").val() == 6)
{
$("#Allfields").show();
$("#OtherSelected").show();
$("#MainContent_lblFirstField").text('Reported By')
}
});
$("#MainContent_ddActionList").change(function ()
{
if ($("#MainContent_ddActionList").val() == 0)
{
$("#Allfields").hide();
$("#OtherSelected").hide();
}
else if (($("#MainContent_ddActionList").val() == 1) || ($("#MainContent_ddActionList").val() == 2) || ($("#MainContent_ddActionList").val() == 3))
{
$("#Allfields").show();
$("#OtherSelected").hide();
$("#MainContent_lblFirstField").text('Enter Full Name')
}
else if ($("#MainContent_ddActionList").val() == 4) {
$("#Allfields").show();
$("#OtherSelected").hide();
$("#MainContent_lblFirstField").text('Page')
}
else if ($("#MainContent_ddActionList").val() == 5) {
$("#Allfields").show();
$("#OtherSelected").hide();
$("#MainContent_lblFirstField").text('Suggested By')
}
else if ($("#MainContent_ddActionList").val() == 6)
{
$("#Allfields").show();
$("#OtherSelected").show();
$("#MainContent_lblFirstField").text('Reported By')
}
});