Arama butonu
Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı
3
Cevap
583
Tıklama
0
Öne Çıkarma
Radio Buton Seçenek Değişimde Fonksiyonun Tekrarlanması
E
4 yıl
Onbaşı
Konu Sahibi

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

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil



W
4 yıl
Yüzbaşı

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

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



E
4 yıl
Onbaşı
Konu Sahibi

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 >

C
4 yıl
Teğmen

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 :checked").val() == "1"){
//a veritabanında ara
$("input ").val("");//value boşaldı

}
else if ($("input :checked").val() == "2"){
//b veritabında ara
$("input ").val("");//value boşaldı
}
.
.
.
.
});

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



DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin. Gizle ve güncelleme çıkana kadar tekrar gösterme.