使用输入中的链接填充href

Question

我尝试使用输入来允许最终用户使用JavaScript更改元素的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。要获得该值，您只需在jQuery对象上使用 val() 方法。

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

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

Answer 2

我认为$意味着您正在使用jQuery。

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