JQuery Autocomplete Rückkehr in mehrere Dateien

Question

Ich habe Standard jQuery Autocomplete-Funktion und ziehen Sie eine Daten aus SQL. Es funktioniert, aber ich möchte Informationen in das Feld ein und wählen Sie den Typ (nach Benutzer ist zufrieden mit Ergebnis) komplett eingereicht ein (Code) und Feld 2 (Beschreibung)

Felder:

<input type="text" name="code" id="code" /> 
<input type="text" name="description" id="description" /> 

jQuery:

$(document).ready(function() { 
    $(function() { 
    $("#code").autocomplete({ 
     source: "source.php", 
     minLength: 0 
    });     
}); 
}); 

PHP:

while ($row = $sql -> fetch(PDO::FETCH_ASSOC)) 
{ 
$values[] = array('code'=>$row['code']     
       ,'description'=>$row['description']  
       ); 
} 
echo json_encode($values); 

ich viele Fragen prüfen bereits, aber nichts Vergleichbares .

Answer 1

Sie können versuchen, so etwas wie dieses

$(function() { 
    var data = [];  
    $("#code").autocomplete({ 
     source: function(request, response) { 
     $.ajax({ 
      url: "source.php", 
      data: { 
      q: request.term 
      }, 
      success: function(data) { 
      var codes = []; 
      for(var i = 0; i< data.length; i++){     
       codes.push(data[i].code); 
      } 
      response(codes); 
      } 
     }); 
     }, 
     minLength: 2, 
     select: function(event, ui) { 
     for(var i = 0; i< data.length; i++){ 
      if(data[i].code == ui.item.label) { 
       $('#description').val(data[i].description); 
       break; 
      } 
      } 
     } 
    }); 
    });