如下代码,如何让input回车就搜索?

<div class="search_xzl">
               <input class="middle_input"type="text" placeholder="请输入大厦名字..." id="xzl_input">
               <input class="search"type="button" value="搜索" id="search_1">
</div>


这是搜索按钮的ajax
//搜索楼盘
var ssjg;
$('#search_1').on('click',function(){
    var jiedao_value = $('#jiedao_1').val();
    var xzl_input = $('#xzl_input').val();
    if(jiedao_value==-1&&xzl_input.length==0){
        alert('请输入楼盘名称或区域')
    }else {
        $.ajax({
            url: 'questionnaire/xzl',
            method: 'POST',
            type:'json',
            data: {
                jiedao_value: jiedao_value,xzl_input:xzl_input
                
            },
            success: function (data) {

                _data=JSON.parse(data);
                if(_data.length==0){
                    alert('无搜索结果');
                }
                ssjg='';
                for (var i = 0; i < _data.length; i++) {
                    ssjg+='<button class="jieguo_1" value="'+ _data[i].id +'">'+ _data[i].name +'</button>'
                }
                  var divshow = $("#jieguo");
                  divshow.text("");// 清空数据
                  divshow.append(ssjg); 
                
            },
        })
    }
    

})
阅读 6.7k
6 个回答
$('#xzl_input').on('keypress', function(event) {
    if (event.keyCode === 13) {
      $('#search_1').trigger('click');
  }
});

只给你思路
监听键盘事件 然后当按下的为回车时 搜索按钮自动点击

新手上路,请多包涵

增加一个键盘事件,enter 的键值是13

if(event.keyCode == 13){
}

先判断输入框在获取焦点键盘输入的状态中,监听键盘事件,监听按下enter的时候;调用搜索的$.ajax,就可以了。

    <input name="txt" id="txt" value="" onkeydown=submit() />
    <button id="btn" onclick="alert(1)">确定</button>
    function submit(){
        if(event.keyCode == 13){
            document.getElementById('btn').click();
        }
    }
<input type="search" />
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题