Hi zusammen!
Ich bin komplett am verzweifeln, da ich an einem Punkt nicht weiter komme und auch im Netz keine Lösung dafür finde. Ich habe eine Datenbank mit Geodaten, man soll nach Postleitzahlen suchen können, ab der dritten Zahl liefert autocomplete die ersten Ergebnisse (in Form von PLZ + Ort). Wenn ich mich nun für einen Ort entschieden habe und diesen anklicke, soll die PLZ in ein input-Feld und der Ort in ein weiteres input-Feld und genau hier ist mein Problem. Ich bekomm den zweiten Wert einfach nicht ins zweite Feld.
Hier mal mein php-Teil:
Und hier mein HTML/JS:
Wäre klasse, wenn einer eine Idee hat, wie ich den Ort in das Feld bekomme.
Vielen lieben Dank im Voraus!
Ich bin komplett am verzweifeln, da ich an einem Punkt nicht weiter komme und auch im Netz keine Lösung dafür finde. Ich habe eine Datenbank mit Geodaten, man soll nach Postleitzahlen suchen können, ab der dritten Zahl liefert autocomplete die ersten Ergebnisse (in Form von PLZ + Ort). Wenn ich mich nun für einen Ort entschieden habe und diesen anklicke, soll die PLZ in ein input-Feld und der Ort in ein weiteres input-Feld und genau hier ist mein Problem. Ich bekomm den zweiten Wert einfach nicht ins zweite Feld.
Hier mal mein php-Teil:
PHP-Code:
$pdo = new PDO(_SERVER, _DBUSER, _DBPW, array(PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES utf8'));
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
$query = 'SELECT `geodaPLZ`, `geodaOrt` FROM `tblGeodaten` WHERE `geodaPLZ` LIKE :term ORDER BY `geodaPLZ`';
$stmt = $pdo->prepare($query);
$stmt->execute(array('term' => $_GET['term'].'%'));
while($row = $stmt->fetch())
{
$return_arr[] = $row['geodaPLZ'] . '|' . $row['geodaOrt'];
}
echo json_encode($return_arr);
Code:
<!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="jquery-ui.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="jquery-ui.js"></script> <script type="text/javascript"> $(document).ready(function() { var ac_config = { source: 'search.php', select: function(event, ui) { $('#autoPLZ').val(ui.item.geodaPLZ); $('#autoCountry').val(ui.item.geodaOrt); }, minLength: 3 }; $('#autoPLZ').autocomplete(ac_config); }); </script> <title>Unbenanntes Dokument</title> </head> <body> <p>PLZ:<input type='text' name='plz' value='' id='autoPLZ'></p> <p>Ort:<input type='text' name='plz' value='' id='autoCountry'></p> </body> </html>
Vielen lieben Dank im Voraus!