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;} |
Radio Buton Seçenek Değişimde Fonksiyonun Tekrarlanması
-
-
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
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X