javascript - 使用来自输入的链接填充 href

Question

我正在尝试使用输入来允许最终用户使用 JavaScript 更改 a 元素的 href，但我似乎无法正常工作。

这是我目前所拥有的...

<input type="text" id="feed" />
<a id="display" href="">#</a>

$('#feed').keyup(function () {
var temp = "";
temp = $('#feed').text.val();
  $('#display').href = temp;
});

非常感谢任何帮助!

Answer 1

删除将在控制台中引发错误的 .text。要获得您只需要使用 val() 的值 jQuery 对象上的方法。

由于 $('#display') 返回一个 jQuery 对象，您需要使用 attr() 更新属性(或使用 prop() 并更新 href 属性)或者您需要通过 $('#display' )[0] 并更新 href 属性。

$('#feed').keyup(function () {
    var temp = $('#feed').val();
    $('#display').attr('href', temp);
});