HTML Select liste, mit Vorbelegung

jopjip

Ensign
Registriert
Juni 2008
Beiträge
233
Hi,
ich habe folgenden Code für meine Liste:
HTML:
<label for="betreff">Reference:*</label><br />
<select size="1" id="betreff" name="betreff">
<option value="1">Please select</option>
<option value="2">Bug</option>
<option value="3">Idea</option>
<option value="4">Review</option>
<option value="5">Other</option>
</select><br />

Also eine Dropdown-Liste. Das erste Element ist "Please select" und dies wird auch angezeigt, wenn man noch keine Auswahl getroffen hat, so wie es sein soll. Ich würde aber gerne erreichen, dass wenn man auf die Liste klickt und einen Eintrag auswählt, der erste Eintrag nicht mehr als Option angezeigt wird.

Also man sieht erst "Please select", dann klickt man drauf um eine option auszuwählen und dann ist der 1. Eintrag also "Please select" nicht mehr in der Dropdown-Liste als eine Option.

Ich hoffe ihr konntet folgen.

MFG
 
ich würde über javascript einen change listener damit beauftragen das innerhtml attribut zu ändern. du musst hier aber auch den selectedindex validieren sonst verhaust du dir das submit und es wird der falsche wert ins backend geschickt.
 
Das geht nur per JavaScript, das option Element mit einer ID (eindeutig) versehen und dann per JavaScript entweder per
HTML:
document.getElementById(DEINEID).style.display = none;
deaktivieren, oder einfach aus dem DOM Baum löschen, sieh mal bei selfhtml vorbei, dort ist alles beschrieben, was du brauchst
 

Ähnliche Themen

Zurück
Oben