Question

I have a simple text box, a button and an a element and I am trying to write a website URL and I need to pass this URL to a element.

This is what I’ve got so far:

<a id="weburl" href="http://jquery.com/"></a>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button"/>

If I click the button I need to take the text from the textbox and I need to pass to the href tag, how can I do this?

I am facing a problem still with this as shown below:

1.If I mentioned the URL in the href tag And If I give another URL in the textbox and then If I click the button it is showing me the different URL’s as shown below:

2.And If I remove the URL and give some other URL in the textbox and clicks the button it is not showing me anything except a blank page.

While debuggin I have seen that it is showing me the value of textbox what I gave and the URL I mentioned in the href tag as shown below:

And I need both to be equal as I do not want the href to be mentioned in the href tag I want to do it programatically as james said.

Answer 1

$("#TextBox1").change(function() {
    $('#weburl').attr('href', $(this).val());
});

To clarify you server control client id you may use:

$('#<%=TextBox1.ClientID%>')