如何为输入按下执行搜索的现有代码创建搜索按钮？ PHP / JavaScr

发布时间：2020-12-13 22:27:14 所属栏目：PHP教程来源：网络整理

导读：我有一个网站,其他人一直在为我编码,我试图了解如何改变一个简单的事情. 我不是webdeveloper,但在最后几天我熟悉了一下php,mysql和javascript(我熟悉java). ****问题：**** 在我的网站上,我有一个没有搜索按钮的搜索表单(搜索功能适用于输入按下或从自动完成

我有一个网站,其他人一直在为我编码,我试图了解如何改变一个简单的事情.

我不是webdeveloper,但在最后几天我熟悉了一下php,mysql和javascript(我熟悉java).

****问题：****
在我的网站上,我有一个没有搜索按钮的搜索表单(搜索功能适用于输入按下或从自动完成中选择).如何将其更改为仅使用搜索按钮？

使用名为CodeIgniter的框架开发Web.

这是控制器的样子：

public function searchGym()
{
if($_POST)
{
$gym_name=$_POST['gym_name'];
$gym_name=trim($gym_name," ");  
$data['details']=$this->user_model->getGymByName($gym_name);
$data['gym_name']=$gym_name;
$this->load->view('he/searched_gym',$data);
}
}

这就是模型的样子：

public function getGymByName($query_string)
 {
    $query_string=mysql_real_escape_string($query_string);
    $query=$this->db->query("select * from gym_members_table where member_title like '%$query_string%'");
    return $query->result_array();
 }
</code>

这是index.php搜索表单：

            <div class="search-home">

              <input type="text" onkeypress="gymhandle(event);" class="form-control gym_search" id="gym" name="gym" placeholder="
Search by Name
              " >
              <div class="autosuggest1"></div>
              <div class="autosuggest"></div>

            </div>


  <script>


function settextbox(rval){

  $('.autosuggest').hide();

    $('#gym').val(rval);
    $('#gym_search2').val(rval);
    searchGymByName(rval);

  }



$(document).ready(function(){



  $('.autosuggest').hide();

  $('#gym').keyup(function(e)
    { 



       var code = (e.keyCode || e.which);

    // do nothing if it's an arrow key
    if(code == 37 || code == 38 || code == 39 || code == 40 || code==13) {
        return;
    }


     var search_term = $(this).val();


     var getdata = { 'search_term': search_term};

       if(search_term!=''){

       $.ajax({ 

          url: "<?php echo site_url('hebrew/searchGymAuto');?>",data: getdata,type: 'POST',success: function(data){

          $('.autosuggest').show();

          $('.autosuggest').html(data);

          }

          });

       }

       else

       {

        $('.autosuggest').hide();

       }

  });



});

$('.autosuggest').hide();



function searchGymByName(rval)

{
$('.autosuggest').hide();
var gym_name=rval;


$.ajax({

  url:"<?php echo site_url();?>hebrew/searchGym",type: "POST",data:{gym_name: gym_name},success:function(res){
    $('html,body').animate({ scrollTop: 0 },0);
    $("#ajax-map").hide();

    $("#city").val('');

    $("#city1").val('');

     $("#ajax-page-hide").show();

    $("#ajax-page-hide").html(res);

  } 

});

}

谢谢！！

解决方法

您可以在这些字段上取消输入按键,如下所示：

$('.gym_search').keypress(function(e){
    if ( e.which == 13 ) return false;
    //or...
    if ( e.which == 13 ) e.preventDefault();
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!