javascript - 如下代码，如何让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); 
                
            },
        })
    }
    

})

解决方案

$('#xzl_input').on('keypress', function(event) {
    if (event.keyCode === 13) {
      $('#search_1').trigger('click');
  }
});

这篇关于javascript - 如下代码，如何让input回车就搜索？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！