я хочу создать поиск / фильтр ввода для локальной веб-страницы с помощью кнопки поиска - PullRequest
Новая
       49

я хочу создать поиск / фильтр ввода для локальной веб-страницы с помощью кнопки поиска

0 голосов
/ 17 марта 2020

У меня есть окно ввода локального поиска страницы, которое прекрасно работает, оно фильтрует при вводе. Мне нужно, чтобы он работал только при нажатии кнопки. Таким образом, в основном данные поиска будут помещены в поле ввода и фактически будут выполнять функцию поиска / фильтрации только при нажатии кнопки.

Это то, что у меня есть, есть бесчисленное множество подобных решений в Интернете, и Есть бесчисленное множество решений, которые заставляют кнопку работать с php в качестве кнопки отправки, а это не то, чего я хочу. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 
 <script>
$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myDIV *").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
</script> 
 <input id="myInput" type="text" placeholder="Search for word or phrase..">
  <div id="myDIV">  <!-- div:called from search script -->

Может кто-нибудь помочь, пожалуйста

Заранее спасибо

1 Ответ

0 голосов
/ 17 марта 2020 
<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

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

    $("#btnExample").on("click", function() {

        var value = $("#myInput").val().toLowerCase();

        $("#myDIV").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
    });
});
</script> 

<input id="myInput" type="text" placeholder="Search for word or phrase..">

<div id="myDIV">  <!-- div:called from search script -->
<button id="btnExample" type="button">Click Me</button
...