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

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了如何为输入按下执行搜索的现有代码创建搜索按钮? PHP / JavaScript的/ MySQL的脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个网站,其他人一直在为我编码,我试图了解如何改变一个简单的事情.

我不是webdeveloPEr,但在最后几天我熟悉了一下PHP,mysqljavascript(我熟悉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();
});

脚本宝典总结

以上是脚本宝典为你收集整理的如何为输入按下执行搜索的现有代码创建搜索按钮? PHP / JavaScript的/ MySQL的全部内容,希望文章能够帮你解决如何为输入按下执行搜索的现有代码创建搜索按钮? PHP / JavaScript的/ MySQL的所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。