Jquery:动态更改用户输入的href

Question

我想根据用户的输入更改链接的href,到目前为止我有这个:

<input type="text" id="pdf" value="Enter ID" />
<a class="target" href="#">Download</a>

和

function URL() {
var newurl = $('#pdf').val();
$('a.target').attr('href', newurl);
}

然而,这不应该像它应该的那样工作.我只想将下载URL更改为输入文本的值.因此,如果我写"123"链接将转到"123",但没有任何变化.

可能我错过了什么,我已经阅读了关于动态更改href的答案,但我有点卡在这里.这是不可能的,或者我做错了什么.

谢谢

编辑:我错误地离开了这个功能,忘了给它打电话

编辑2:它现在从文本框中获取值,但不会动态更改.

Answer 1

可以更改href,但是您是否将更改侦听器绑定到输入字段？

这应该是诀窍:

$(document).ready(function() {
    $('#pdf').change(function() {
      var newurl = $('#pdf').val();
      $('a.target').attr('href', newurl);
    });
});