Question

Merhaba Kullanıcıların bir MySQL veritabanında saklanır mekanları aramak için izin için otomatik tamamlama kullanıyorum. Kullanıcı yazmaya başlar ve sonuç işleyicisi kullanarak seçilen mekan yazınca otomatik tamamlama eklentisi şu mekanları listesidir.

Ben aynı zamanda adres, telefon numarası ve mekan sitesi yazdırmak istiyorum ama bunu nasıl emin değilim.

Ben veritabanından mekan isimlerini yazdırmak için bir php komut dosyası çalıştıran otomatik tamamlama eklentisi var. Ben otomatik tamamlama giriş alanını görüntülemeden veritabanındaki diğer alanları almak için nasıl emin değilim ...

Bu ben bugüne kadar ne var:

JQuery

  $(document).ready(function(){
    $("#example").autocomplete("search.php", {width: 260, selectFirst: false}).result(function(event, data, formatted) {
    $("#result").html( !data ? "No match!" : "Selected: " + formatted);
    });

});

PHP

$search = $_GET['q'];
    $search = "%".$search."%";
    $result = mysql_query("SELECT club_name FROM clubs WHERE club_name LIKE '$search'") or die('Something is wrong');
        while($value = mysql_fetch_array($result)){
            $club = $value[club_name];
            echo "$club\n";
        }

Ben daha fazla alan seçmek için çalıştıklarında JQuery tarafında arama sonuçlarında gösterilecek çünkü yukarıda php tek kulüp adını seçin.

Bu yüzden biraz kayıp değilim ... Herhangi bir öneri Ben JQuery yeni am?

Answer 1

Orada bunu yapmak için birkaç yolu vardır, ama bu kolay değildir:

Bu gibi sunucudan veri döndürmek istiyorum. İlk sütun sonunda almak istediğiniz değeri içermelidir:

title|address|phone|web
title|address|phone|web
title|address|phone|web

Ve sonra formatItem ve otomatik tamamlama işlevi formatValue Geri kullanmak istiyorsanız:

$(document).ready(function(){
    $("#example").autocomplete("search.php", {
        width: 260, 
        selectFirst: false,
        formatItem: function(row){
          var ret = '<span class="title">' + row[0] + '</span><br />';
          ret += '<span class="address">' + row[1] + '</span> ';
          ret += '<span class="phone">' + row[2] + '</span> ';
          ret += '<span class="web">' + row[3] + '</span> ';
          return ret;
        },
        formatValue: function(row){
          return row[0]; // We only want the first value to be searched
        }
      }).result(function(event, data, formatted) {
        $("#result").html( !data ? "No match!" : "Selected: " + formatted);
      });
});

Also, your are not escaping the input from the user and as such have a nasty vunerability for SQL injection

JQuery otomatik tamamlama sonuç

1 Cevap

etiketler