auswahl von html() erzeugten ausgabe.

[ToshiOzumi]

Guten Tag,

ich habe schon wieder ein Problem durch .html() erzeugte Ausgabe auszuwählen.

Ich schreib gerade eine autocomplete Suchfunktion. Suchbegriff wird per Ajax an PHP-Skript übergeben, der dann die Datenbank durchsucht und innerhalb eines div eine Liste schreibt. Die Ausgabe soll dann per Klick ausgewählt werden und in Suchfeld eingetragen.

Das Suchen und in die Liste ausgeben funktioniert ganz gut nur kann ich dann nicht drauf klicken um es auszuwählen. Leider finde ich aber auch keinen Fehler.

Also dann hier ist der Code.

<div class="invoice_field">
                <label>Nr.:</label>
                <input id="name" name="recipient_contact" type="text">
            </div> 
            <div id="contacthelp"></div>

$(document).ready(function(){
	$('#name').keydown(function(){
	if($('#name').val().length>=3)
	{
		var eingabe = {contact: $("#name").val()};
		$.ajax({url:"/autocomplete/mycontact", data:eingabe, method:"POST"}).done(function(ausgabe){
//			alert(ausgabe);
			
			$("#contacthelp").html(ausgabe);
		})
	}
	});
});
$('#contacthelp p').click(function () {
	alert ($(this).text());
	$('#name').val(($(this).text()));
});

<?php

foreach($data as $ausgabe)
{
	echo ('<p>'.$ausgabe['contact_name'].'</p>');
}

und hier ist noch kurz die ausgabe.

<div class="invoice_field">
                <label>Nr.:</label>
                <input id="name" name="recipient_contact"
                 type="text">
            </div> 
            <div id="contacthelp"><p>XYZ AG</p></div>

wenn ich in der HTML Datei selbst <p>XYZ AG</p> reinschreibe funktionoiert das Einsetzen. Wenn es über die Ausgabe geschieht geht nicht.