Question

我有表格：

    <form class="form-inline" style="width: 100%;">
    <input name="vyhledat_text" id="vyhledat_text" type="search" style="width: 69%;margin-right:1%;border-radius: 0;" class="form-control" placeholder="Vyhledat ...">
    <button style="width: 30%;border-radius: 0;" class="btn btn-outline-primary" type="submit">Vyhledat</button>
    </form>

和脚本：

<script>
        $(document).ready(function(){

         load_data();

         function load_data(query)
         {
          $.ajax({
           url:"fetch.php",
           method:"POST",
           data:{query:query},
           success:function(data)
           {
            $('#výsledek').html(data);
           }
          });
         }
         $('#vyhledat_text').keyup(function(){
          var search = $(this).val();
          if(search != '')
          {
           load_data(search);
          }
          else
          {
           load_data();
          }
         });
        });
        </script>`

，结果：

<div id="výsledek"></div>

我想知道当我将其更改为点击时，如何在按钮NOT上进行搜索。（功能（）它仅在点击按钮上的输入NOT时搜索。你能不能请帮帮我？我不知道我在哪里犯了错误/问题。

Answer 1

按钮onclick处理程序示例，此处与keyup处理程序相同，但区别在于您从$('#vyhledat_text').val();取代$(this).val();

您还需要阻止默认submit事件。我用e.preventDefault();

做了

  $('.btn.btn-outline-primary').click(function(e){

      e.preventDefault();

      var search = $('#vyhledat_text').val();
      if(search != '')
      {
       load_data(search);
      }
      else
      {
       load_data();
      }

  })

想要点击按钮而不是键盘输入。 PHP和MYSQL

1 个答案: