Saya memiliki kotak input pencarian halaman lokal yang berfungsi dengan baik, ini memfilter saat Anda mengetik. Yang saya butuhkan adalah agar itu berfungsi hanya ketika saya menekan tombol. Jadi pada dasarnya data pencarian akan dimasukkan ke dalam kotak input dan hanya benar-benar menjalankan fungsi pencarian/filter ketika tombol ditekan.

Inilah yang saya miliki, ada banyak solusi seperti ini di seluruh web, dan ada banyak solusi yang membuat tombol berfungsi dengan php sebagai tombol kirim, yang bukan saya inginkan.

<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 -->

Ada yang bisa bantu

Terima kasih sebelumnya

0
Ray 17 Maret 2020, 21:09

1 menjawab

Jawaban Terbaik
<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
0
rhys_stubbs 17 Maret 2020, 19:23