javascript - 如何获取input输入的值打开指定链接，同时使回车触发？

Question

例如:搜索结果页面是 ../search

搜索百度打开的是../search/百度。

也就是获取input输入的值，跳转到/search页面，并将值添加到/search/这里

<input type="text" id="input" />
<a class="bt-search" id="button"><i class="iconfont">&#xe647;</i></a> 

<script>
$("document").ready(function(){
    $("#button").click(function(){
        $val = $("#input").val();
        $url = window.location.href;
        window.location.href = 'https://www.xxx.xx/search/' + $val;
    })
})
    
</script>

已经完成了，怎么使回车也触发这个事件？

Answer 1

<input type="text" id="input" />
<a class="bt-search" id="button"></a>  

<script>
$("document").ready(function(){
    $("#button").click(function(){
        $val = $("#input").val();
        $url = window.location.href;
        window.location.href = 'https://xxx/search/' + $val;
    })
    
    $("#input").keydown(function(event){
    if(event.which == "13"){
        $val = $("#input").val();
        $url = window.location.href;
        window.location.href = 'https://xxx/search/' + $val;
    }
})
    
</script>

###解决方法！！

Answer 2

$('input').val();??然后拼接字符串跳链接？

Answer 3

例如<input type="text" name="test" value="baidu" id="test">,$('#test').val()就可以获取input的值。