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

Question

我有一个简单的文本框，一个按钮和一个a元素，我正在尝试编写网站网址，我需要将此网址传递给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.如果我删除了网址并在文本框中提供了一些其他网址并点击了该按钮，则除了空白页面外没有显示任何内容。

虽然debuggin我看到它向我展示了我给出的文本框的值以及我在href标记中提到的URL，如下所示：

我需要两者都是平等的，因为我不希望在href标签中提到href我想以编程方式进行，就像詹姆斯所说的那样。

Answer 1

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

为了阐明您可以使用的服务器控制客户端ID：

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

Answer 2

纯JS：

function GetURL()
{
    var myAnchor = document.getElementById("weburl")
    var myTextBox = document.getElementById("<%=TextBox1.ClientID%>")
    myAnchor.href = myTextBox.value;
}

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="GetURL(): />

jQuery（使用按钮点击事件）：

$('#<%=Button1.ClientID%>').click(function() {
    $('#weburl').attr('href', $(this).val());
});

jQuery（使用文本框更改事件）：

$('#<%=TextBox1.ClientID%>').change(function() {
    $('#weburl').attr('href', $(this).val());
});

Answer 3

你可以做点什么。

 $('#<%=Button1.ClientID%>').click({
     $('#weburl').val($('#<%=TextBox1.ClientID%>').val()); 
 })

注意：此代码未经过测试和手写

Answer 4

使用jQuery。 在按钮clientclick add

{

$（ “＃WEBURL”）ATTR（ 'href' 属性，（$（ “＃＆LT;％=＆TextBox1.ClientID GT;％”。＆GT; .VAL（））; }