• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Einträge in Dropdown-Feld mit Kommentar versehen

J

js_rookie

New member
Guten Tag allerseits!
Mit option-value gelistete Einträge werden in einem HTML-Dropdown schön untereinander dargestellt. Erforderlich ist jedoch, dass zu jedem einzelnen Eintrag in dieser Dropdown-Liste ein Kommentar angezeigt wird, und zwar UNTER dem Eintrag, nicht neben dem Eintrag (das würde den Rahmen sprengen).
Beispielsweise soll unter dem ersten Auswahleintrag stehen: "Wählen Sie diesen Eintrag aus, wenn Sie älter als 20y sind"). Sozusagen eine hilfestellung zu dn Einträgen im Dropdown-Feld.
Wie kann ich das machen??

Alternative Lösung, auch schön, wäre eine zusätzliche Text-Zelle, die in Abhängigkeit des ausgewählten Eintrages im Dropdown-Feld eine Info ausgibt (z.B: ausgewählt wird im Dropdownfeld der Eintrag "Januar" und daraufhin folgt in der separaten Textzelle die Anzeige "Der Januar hat 31 Tage".
Bei Auswahl des Eintrages "Februar" soll dann angezeigt werden: Der Febrauar hat 28/29 Tage". Dropdown und "Info-Textbox" müssen also in Korrelation stehen.

Was ist die einfachere Lösung und wer kann mir dahingehend mit seiner Erfahrung weiterhelfen?

Lieben dank

T.
 
Moin!

Selects sind recht heikel, da die Browser damit sehr unterschiedlich umgehen. Eventuell könnest Du für die Umsetzung Deines Vorhabens optgroups "mißbrauchen". Für die Idee mit der "Info-Textbox" würdest Du JS brauchen...

Ahoi - Pit
 
ws die selects betrifft, so hast du recht.
kannst du mir einen tipp geben, wie ich das in JS machen kann?
der im dropdown ausgewählte eintrag müsste doch irgendwie eine ID bekommen und dann für die info-zelle eine if-abfrage implmentiert werden, nicht wahr? ( if eintrag_x ausgewählt, dann scherebe "ihr ausgewählter monat hat 31 tage").
leider bekomme ich es einfach niht hin -(
 
Beispiel:
PHP: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Beispiel</title>
<script type="text/javascript">
function blah(sel){
document.getElementById('infobox').innerHTML=sel.options[sel.selectedIndex].title;
}
</script>
</head>
<body onload="blah(document.form1.sel)">
<form name="form1" action="">
<select name="sel" onchange="blah(this)">
<option title="Text für Infobox 1">Eintrag 1</option>
<option title="Text für Infobox 2">Eintrag 2</option>
<option title="Text für Infobox 3">Eintrag 3</option>
</select><br>
<div id="infobox"></div>
</form>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben