首页 > 开发 > JS > 正文

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

2017-09-05 07:26:40  来源:网友分享
<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');  }});