molily: Werte aus DB in PHP über javascript bei klick ausgeben

Beitrag lesen

Hallo,

Alles was später bei KLICK dann im textfeld erscheinen soll steht zuvor schon in einem Array was ich mit den Beschreibungsinhalten aus der DB fülle und nur bei klick wird ein passender Inhalt ausgewählt

Der Array existiert nur serverseitig, also musst du ihn irgendwie zum Browser übertragen.

Das kannst du machen, indem du den Inhalt als HTML ausgibst und diese Element erst einmal versteckst. Beim Wechsel der select-Auswahl wird dieser Inhalt gelesen und ins Eingabefeld geschrieben.

Oder du kannst die Inhalte als JSON serialisieren und diese ins HTML einbetten. Ein JavaScript auf der Seite kann sie dann lesen.

Beispiel für Variante 1:

<select id="auswahl">  
<option value="123"></option>  
</select>  
  
<p><input type="text" id="eingabefeld"></p>  
  
<p class="beschreibung" id="beschreibung-123">Beschreibung für ID 123</p>

Die Beschreibung ist unsichtbar (CSS):

.beschreibung { display: none; }

Dann die JavaScript-Logik (jQuery):

// Event-Handling: Überwache Änderungen des select-Elements  
$('#auswahl').change(function(event) {  
  // Ausgewählte ID lesen, daraus basteln wir die ID der Beschreibung zusammen  
  var id = $(event.target).val();  
  // Element mit der Beschreibung heraussuchen und den Textinhalt auslesen  
  var beschreibungstext = $('#beschreibung-' + id).text();  
  // Das Eingabefeld mit dem Text füllen (Wert setzen)  
  $('#eingabefeld').val(beschreibungstext);  
});

Mathias