Şimdi Ara

Radio Buton Seçenek Değişimde Fonksiyonun Tekrarlanması

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
5
Cevap
0
Favori
509
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Daha önce oluşturmuş olduğum veri tabanından search-input komutuyla arama yaptırıyorum. Hangi veritabanından arama yapacağı ise radio butonlar aracılığıyla belirleniyor. Veri arama yerine yazdıktan sonra seçenek değişirse aramayı tekrar yapmasını istiyorum. Mevcut durumda arama çubuğuna imleç belirtip enter tuşuna basmak gerekiyor. Bu sorguyu nasıl çalıştırabilirim?


    BUTON TASARIMI


     <div class="container">

       <input class="form-control form-control-lg my-3" type="search" id="search-input" placeholder="xxxxxxxxxxxx">

    <div class="container">

      <div class="btn-group btn-group-toggle" data-toggle="buttons">

        <label class="btn btn-outline-light btn-sm active">

          <input type="radio" id="customRadio1" name="customRadio" autocomplete="off" checked> xxxxxxxx

        </label>

        <label class="btn btn-outline-light btn-sm">

          <input type="radio" id="customRadio2" name="customRadio" autocomplete="off"> xxxxxxxxxxxx

        </label>


    ARAMA PHP

    if (!empty($kelime) && $secenek==1){

    $sorgu = "SELECT * FROM xxxxxxxxxx WHERE xxxxxxxxxxxxxx LIKE :xxxxxxxxxxxx";

    $sonuc = $db->prepare($sorgu);

    $sonuc -> bindValue(":xxxxx",'%'.$kelime.'%');

    $sonuc -> execute();

    }else if (!empty($kelime) && $secenek==2){

    $sorgu = "SELECT * FROM xxxxxxxxx WHERE xxxxxxxxxxx LIKE :xxxxxxxxxxxx";

    $sonuc = $db->prepare($sorgu);

    $sonuc -> bindValue(":xxxxxxxxxxx",'%'.$kelime.'%');

    $sonuc -> execute();


    FONKSİYON JS

    $(function(){

    $("#search-input").keyup(function(){

    if ($(this).val().length>=2){

    var sec;

    if($("#customRadio1").prop("checked")){sec=1;}

    if($("#customRadio2").prop("checked")){sec=2;}








  • Anladığım kadarı ile radio butonlarına eventlistener ataman gerekli.


    Mesela eğer mouse tıklaması eventi olursa şu prosedürü uygula gibi.

  • Biraz daha açarsanız sevinirim. Tam olarak hangi kodu yereye eklemem gerek. İnternette araştırdım birkaç kod buldum ama çalıştıramadım.




    < Bu mesaj bu kişi tarafından değiştirildi Edip06 -- 20 Ocak 2021; 20:14:33 >
  • sanırım jqeury change fonksiyonu işini görecek. Radio buttonlarının value değerine göre arama yapacağın veritabanını belirlersin ve ona göre işlem döndürürsün. üzerine seçmek içinde focus olaylarına bakman lazım


    $( ".radioButtonClassin" ).change(function() {

    if ($("input[name='name']:checked").val() == "1"){

    //a veritabanında ara

    $("input[name='searchInput']").val("");//value boşaldı

    }

    else if ($("input[name='name']:checked").val() == "2"){

    //b veritabında ara

    $("input[name='searchInput']").val("");//value boşaldı

    }

    .

    .

    .

    .

    });


    KAYNAK;

    https://api.jquery.com/change//

    https://stackoverflow.com/questions/2272507/find-out-whether-radio-button-is-checked-with-jquery





  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.