javascript - 如何将文本框文本传递给href

Question

我有一个简单的文本框、一个按钮和一个 a 元素，我正在尝试编写一个网站 URL，我需要将此 URL 传递给 a 元素。

这是我到目前为止所得到的:

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

如果我单击按钮，我需要从文本框中获取文本并且需要传递到 href 标记，我该怎么做？

我仍然面临一个问题，如下所示:

1.如果我在 href 标签中提到了 URL，并且如果我在文本框中给出了另一个 URL，然后如果我单击该按钮，它会显示不同的 URL，如下所示:

2.如果我删除该 URL 并在文本框中提供其他一些 URL，然后单击该按钮，除了空白页面之外，它不会向我显示任何内容。

在 debuggin 中，我看到它向我显示了我提供的文本框的值以及我在 href 标记中提到的 URL，如下所示:

而且我需要两者相等，因为我不希望在 href 标记中提及 href，我想像詹姆斯所说的那样以编程方式执行此操作。

Answer 1

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

为了澄清您可以使用的服务器控制客户端 ID:

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