How to pass the text box value as a part of href

Question

I try to pass text box value as a part of link href query string like this :

 <asp:TextBox ID="txt_reg" runat="server"></asp:TextBox>

 <a target="_blank" href="Schedule.aspx?nav=<%=txt_reg.Text %>" >ENTER</a>

---

But i get no value in nav parameter !

What should i do to pass the textbox value as a part of link ?

Answer 1

Try this

<input type=text id=txt_reg />

 <a target="_blank" href="" onclick="this.href='Schedule.aspx?nav='+document.getElementById('txt_reg').value" >ENTER</a>

Answer 2

Try something like:

 <asp:TextBox ID="txt_reg" onchange="UpdateLink();" runat="server"></asp:TextBox>

 <a id="myLnk" target="_blank" href="Schedule.aspx?nav=" >ENTER</a>

<script>
function UpdateLink()
{
    var NavValue = document.getElementById("<%=txt_reg.ClientID%>").value;
    document.getElementById("myLnk").href = "Schedule.aspx?nav=" + NavValue;
}
</script>

Answer 3

use following code for setting value to href

$(document).ready(function () { $("#txt_reg").change(function () { $("a").attr("href","test.com?=" +$(this).val()); }); });