Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
根据asp:DropDownList中的选择,可能使用Jquery显示相关字段标签_Jquery_Asp.net - Fatal编程技术网

根据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')
        }      
    });