【问题标题】:How to Pass Text Box Value to Query String Using HyperLink Field In Client Side Using Asp.Net如何使用 Asp.Net 在客户端使用超链接字段将文本框值传递给查询字符串
【发布时间】:2017-03-11 01:05:11
【问题描述】:

我在 asp.net c# 中开发应用程序,因为我需要在不使用服务器端代码的情况下通过查询字符串传递文本框值, 在那我正在尝试下面的一些代码,但它对我不起作用。

<asp:HyperLink ID="hlnkHistory" runat="server" Text="History" ForeColor="Green" ImageUrl="~/images/History2.png" Font-Bold="true" Target="_blank" NavigateUrl="~/WebFormReports/History.aspx?SerialNo=<%#Eval('txtSerialNo.ClientID')%>" ToolTip="View History"></asp:HyperLink>

当 iam 像下面的代码一样直接赋值时,它工作正常。

<asp:HyperLink ID="hlnkHistory" runat="server" Text="History" ForeColor="Green" ImageUrl="~/images/History2.png" Font-Bold="true" Target="_blank" NavigateUrl="~/WebFormReports/History.aspx?SerialNo=1" ToolTip="View History"></asp:HyperLink>

注意:我不需要服务器端代码来传递值 喜欢

protected void lnkNavigate_Click(object sender, EventsArgs e)
{ 
    Response.Redirect("MyLocation.aspx?value=" + myTextBox.Text, false);     
}

如果不可能,请告诉我是否有任何其他选项可以将文本框值传递给查询字符串,例如 a href & link button

任何帮助将不胜感激..提前感谢..

【问题讨论】:

    标签: html asp.net hyperlink navigation query-string


    【解决方案1】:

    如果你还想继续使用asp:HyperLink,那么你可以使用这个sn-p。

    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:HyperLink ID="hlnkHistory" runat="server" Text="History" ForeColor="Green" ImageUrl="~/images/History2.png" Font-Bold="true" Target="_blank" NavigateUrl="~/WebFormReports/History.aspx?SerialNo=" ToolTip="View History" onclick="setHyperlink()"></asp:HyperLink>
    
    <script type="text/javascript">
        function setHyperlink() {
            var value_hyperlink = $("#<%=hlnkHistory.ClientID %>").attr("href");
            var value_textbox = $("#<%=TextBox1.ClientID %>").val();
            $("#<%=hlnkHistory.ClientID %>").attr("href", value_hyperlink + value_textbox);
        }
    </script>
    

    如果您不需要该超链接,您可以使用更简单的 javascript 函数。

    location.href = "~/WebFormReports/History.aspx?SerialNo=" + $("#<%=TextBox1.ClientID %>").val();
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-09-03
      • 1970-01-01
      • 1970-01-01
      • 2017-09-12
      • 1970-01-01
      • 1970-01-01
      • 2020-05-13
      相关资源
      最近更新 更多