autocomplate içine id bilgisi ve link eklemek

proudhon001 936 gün önce

281 defa görüntülendi ve 1 kişi tarafından değerlendirildi

arkadaşlar herkese iyi forumlar
ben autocomplate içine id bilgisi verip link eklemek istiyorum bunu nasıl yaparım şimdiden teşekkürler

     $(function() {
     $( "#term" ).autocomplete({
       source: 'ajax-db-search.php',
       
    });
    
  
    });

   if (isset($_GET['term'])) {
         
       $query = "SELECT * FROM veriler WHERE urun_baslik LIKE '{$_GET['term']}%' LIMIT 25";
        $result = mysqli_query($conn, $query);
     
        if (mysqli_num_rows($result) > 0) {
         while ($user = mysqli_fetch_array($result)) {
          $res[] = $user['urun_baslik'];
         }
        } else {
          $res = array();
        }
        //return json res
        echo json_encode($res);
    }

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

ebykdrms

936 gün önce

Merhaba. stackoverflow'da sizinkine benzer bir soru sorulmuş:

Çıktısı link olan JQuery autocomplete

Otomatik tamamlama için, çıktıları link olan (Facebook veya Quora'daki gibi) bir otomatik tamamlama kutusu oluşturmaya çalışıyorum. Basitçe, otomatik tamamlama sonuçları listesinin açılmasını ve insanlar tıkladığında başka sayfalara gitmelerini istiyorum.

Doğru cevap olarak kabul edilen cevapta şöyle yazılmış:
Kolayca yapılabilir. source kısmını aşağıdaki gibi bir objeler dizisiyle değiştirin:
Yönlendirme yapmak için de select fonksiyonu kullanın:

$("#term").autocomplete({
    source: [ 
        { value: "www.foo.com", label: "Spencer Kline" },
        { value: "www.example.com", label: "James Bond" },
        //...
    ],
    select: function( event, ui ) { 
        window.location.href = ui.item.value;
    }
});

Test etmedim ama örnek olarak inceleyip kendinize uyarlayabilirsiniz.
Bu cevap altında da şöyle bir alt mesajlaşma yapılmış:

Spencer: JQuery'de yeniyim. Yönlendirme işlemini kodda nereye yerleştireyim?
karim79: Bir fiddle ekledim. Daha açıklayıcı olur.
Spencer: Teşekkür ederim. Gerçekten minnettarım. Ama o kadar acemiyim ki yapamıyorum. JQuery öğelerini <head> içine, html öğelerini <body> içine yerleştiriyorum. Yapmam gereken başka bi'şey var mı?
Spencer: Ayrıca, bu kod benim localhost'umda da link vermeme izin verecek mi?
karim79: Evet verecek. Test sitenizin link'i var mı? Bu kodları nasıl çalıştıracağınızı kendi başınıza öğrenmenizi tavsiye ederim (yani zor yoldan :)) Ayrıca, JQuery UI'nin autocomplete'inden bahsediyoruz değil mi? (Spencer bu soruya cevap vermemiş)
Henry: Tam aradığım şey! sourceyi değiştirmedim ve selecti şu şekilde değiştirdim: window.location.href = "/search.php?keyword="+ui.item.value;
Henry: Hatta sayfaya autocomplete kullanarak mı gelinmiş diye anlamak için de url'nin sonuna da suggest key'i ekledim: ?keyword="+ui.item.value+"&suggest="+ui.item.index. Belki ilerde sunucu log'larında suggest ile arama yapılabilir.

#009840

munzevi

936 gün önce

çok açık uçlu bir soru sormuşsun ve yeterince detay vermemişsin. bir örnek hazırladım. umarım işini görür.

<a id="php">PHP </a>
<script>
$( "#term" ).autocomplete({
    source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ],
    change: function(event, ui){
        $('#'+ui.item.value).attr("href", ui.item.value);
    }
});
</script>

#009839