开发者社区> 问答> 正文

如何获取input输入的值打开指定链接,同时使回车触发?

例如:搜索结果页面是 ../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>

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

展开
收起
杨冬芳 2016-06-21 15:21:58 2135 0
1 条回答
写回答
取消 提交回答
  • IT从业
    <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>
    
    
    ###解决方法!!
    
    
    2019-07-17 19:44:58
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载