Auf Thema antworten 2026

Beitrag

<blockquote data-quote="msa1989" data-source="post: 2302652" data-attributes="member: 140379">Hallo,&nbsp;ich verzweifle gerade an einem eigentlich einfachen Problem.Ich arbeite momentan an einer Live Suche wie man sie von Google kennt.Ich tippe also in mein Formularfeld irgendeinen Wert und in einem Dropdown sollen Suchvorschläge gemacht werden.Die Seite baut auf Bootstrap auf. Der HTML-Code des Formularelements schaut so aus:[HTML]&lt;div class=&quot;form-group&quot;&gt;&nbsp;&lt;label for=&quot;name&quot;&gt;Name:&lt;/label&gt;&nbsp;&lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;Name&quot; id=&quot;Name&quot;&gt;&nbsp;&lt;div class=&quot;ShowResult&quot; id=&quot;NameResult&quot;&gt;&lt;/div&gt;&lt;/div&gt;[/HTML]In dem &quot;&lt;div class=&quot;ShowResult&quot; id=&quot;NameResult&quot;&gt;&lt;/div&gt;&quot; werden die Suchergebnisse von einer PHP Datei wie folg reingeladen:[HTML]&lt;ul class=&quot;dropdown-menu&quot;&gt;&nbsp;&lt;li id=&quot;ID1&quot;&gt;Ergebnis 1&lt;/li&gt;&nbsp;&lt;li id=&quot;ID2&quot;&gt;Ergebnis 2&lt;/li&gt;&nbsp;&lt;li id=&quot;ID3&quot;&gt;Ergebnis 3&lt;/li&gt;&nbsp;&lt;li id=&quot;ID4&quot;&gt;Ergebnis 4&lt;/li&gt;&nbsp;&lt;li id=&quot;ID5&quot;&gt;Ergebnis 5&lt;/li&gt;&lt;/ul&gt;[/HTML]Das ganze funktioniert auch wunderbar. Leider bekomme ich es aber einfach nicht hin,dass ich mit einem Klick auf das Listenelement den Text bzw. die ID bekomme.Also z.B. &quot;Ergebnis 2&quot; bzw. &quot;ID2&quot;.Meine Javascript zu der Auswertung des Listenelemnts schaut so aus:[CODE]&lt;script&gt;$(function() {&nbsp; $(&quot;li&quot;).click(function() {&nbsp; var listval = $(this).html();&nbsp; alert(listval);&nbsp; });});&lt;/script&gt;[/CODE]Wenn ich Versuchssweise die Suchergebnisse statisch einfüge, also:[HTML]&lt;div class=&quot;form-group&quot;&gt;&nbsp;&lt;label for=&quot;name&quot;&gt;Name:&lt;/label&gt;&nbsp;&lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;Name&quot; id=&quot;Name&quot;&gt;&nbsp;&lt;div class=&quot;ShowResult&quot; id=&quot;NameResult&quot;&gt;&nbsp;&lt;ul class=&quot;dropdown-menu&quot; id=&quot;sonstiges&quot;&gt;&nbsp;&lt;li id=&quot;ID1&quot;&gt;Reihe 1&lt;/li&gt;&nbsp;&nbsp; &lt;li id=&quot;ID2&quot;&gt;Reihe 2&lt;/li&gt;&nbsp;&nbsp; &lt;li id=&quot;ID3&quot;&gt;Reihe 3&lt;/li&gt;&nbsp;&nbsp; &lt;li id=&quot;ID4&quot;&gt;Reihe 4&lt;/li&gt;&nbsp;&nbsp; &lt;li id=&quot;ID5&quot;&gt;Reihe 5&lt;/li&gt;&nbsp;&lt;/ul&gt;&nbsp;&lt;/div&gt;&lt;/div&gt;[/HTML]dann funktioniert der Code, und ich bekomme was ich will <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":-)" title="Smile&nbsp; &nbsp; :-)" loading="lazy" data-shortname=":-)" />Wie muss ich jetzt den Code anpassen, dass es beim Live-Abruf funktioniert? Bin für jeden Tipp dankbar. Viele GrüßeMichi</blockquote>

[QUOTE="msa1989, post: 2302652, member: 140379"] Hallo, ich verzweifle gerade an einem eigentlich einfachen Problem. Ich arbeite momentan an einer Live Suche wie man sie von Google kennt. Ich tippe also in mein Formularfeld irgendeinen Wert und in einem Dropdown sollen Suchvorschläge gemacht werden. Die Seite baut auf Bootstrap auf. Der HTML-Code des Formularelements schaut so aus: [HTML]<div class="form-group"> <label for="name">Name:</label> <input type="text" class="form-control" name="Name" id="Name"> <div class="ShowResult" id="NameResult"></div></div>[/HTML] In dem "<div class="ShowResult" id="NameResult"></div>" werden die Suchergebnisse von einer PHP Datei wie folg reingeladen: [HTML]<ul class="dropdown-menu"> <li id="ID1">Ergebnis 1</li> <li id="ID2">Ergebnis 2</li> <li id="ID3">Ergebnis 3</li> <li id="ID4">Ergebnis 4</li> <li id="ID5">Ergebnis 5</li> </ul>[/HTML] Das ganze funktioniert auch wunderbar. Leider bekomme ich es aber einfach nicht hin, dass ich mit einem Klick auf das Listenelement den Text bzw. die ID bekomme. Also z.B. "Ergebnis 2" bzw. "ID2". Meine Javascript zu der Auswertung des Listenelemnts schaut so aus: [CODE]<script> $(function() { $("li").click(function() { var listval = $(this).html(); alert(listval); }); }); </script>[/CODE] Wenn ich Versuchssweise die Suchergebnisse statisch einfüge, also: [HTML] <div class="form-group"> <label for="name">Name:</label> <input type="text" class="form-control" name="Name" id="Name"> <div class="ShowResult" id="NameResult"> <ul class="dropdown-menu" id="sonstiges"> <li id="ID1">Reihe 1</li> <li id="ID2">Reihe 2</li> <li id="ID3">Reihe 3</li> <li id="ID4">Reihe 4</li> <li id="ID5">Reihe 5</li> </ul> </div> </div>[/HTML] dann funktioniert der Code, und ich bekomme was ich will :-) Wie muss ich jetzt den Code anpassen, dass es beim Live-Abruf funktioniert? Bin für jeden Tipp dankbar. Viele Grüße Michi [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?