javascript - 如何将输入(文本)值添加到链接的 href 属性中

Question

过去几个小时里我一直遇到一个困扰我的问题。我有一个搜索输入，在用户输入输入并按发送后，文本应添加到 href 属性中并发送到结果页面，在该页面中它将用于查询数据库。我不知道如何让它发挥作用，如果我能得到你们中任何人的帮助，我将非常感激。我知道如何使用 ajax 或仅使用普通 html 表单进行搜索，所以请不要这样做。我只需要它按照我要求的方式工作，这是一个很长的故事:-)。提前致谢。这是摘录

<input type="text" class="form-control" id="search-text" placeholder="Search...">
<a href="results.php?search=WHERE-I-WANT-THE-INPUT-TO-GO" class="btn btn-default" id="send">Search</a>

Answer 1

更新

$("#search-text").on("keyup",function(e){
  if(e. keyCode === 13){
    var address = $('#send').attr('href');
    window.location = address;
  } 

  $('#send').attr("href","results.php?search="+$(this).val());
})

<小时/>

你可以做这样的事情

$('#send').on('click', function(e){
  e.preventDefault();
  var address = $(this).attr('href') + $('#search-text').val();
  window.location = address;
});

假设 href 看起来像

<a href="results.php?" ... />

<小时/>

稍微改进@toby 的解决方案。使用 keyup 代替 keypress

$("#search-text").on("keyup",function(){
  $('#send').attr("href","results.php?search="+$(this).val());
})