✔ Formularerweiterung

Status
Nicht offen für weitere Antworten.
E

Emu-Emsen

Mitglied
Hallo,

ich suche eine Lösung für mir zu schweres Problem ;)

Also ich habe ein Formular ein dem sich einige Eingabefelder und ein Pulldownmenü befindet.

In dem Pulldown können sich die User verschiedene vorgegebene Werte auswählen uns benutzen. Nun soll es aber auch möglich sein, das wenn kein passender Wert vorhanden ist, dass die User diesen Wert dann selber eingeben können. Und da liegt das Problem. Ich weiß nicht wie es machen soll, das das Formular erkennt was ausgewählt wurde (Eigene Eingabe oder ausgewählter Wert) das wenn "Eigene Eingabe" ausgewählt wurde sich dann ein zusätzliches Eingabefeld öffnet wo die User Ihren Wert einschreiben können.

Ich hoffe jemand versteht was ich meine/möchte ;)

THX schon mal für die Vorschläge und Lösungen...
 
Hi,

eine Möglichkeit wäre, mit JavaScript die display-Eigenschaft eines Textfeldes zu ändern. In diesem Beispiel nimmt das Textfeld den Wert des ausgewählten Eintrages im Menü an, wenn nicht "Eigene Eingabe" gewählt wurde; andernfalls wird das Textfeld angezeigt und der Benutzer kann einen Wert eingeben.
HTML: 
<script language="JavaScript" type="text/javascript">
function doselect(obj) {
	if (obj.value == "0") {
		document.getElementById("eingabe").style.display = "inline";
		document.getElementById("eingabe").value = "";
	} else {
		document.getElementById("eingabe").style.display = "none";
		document.getElementById("eingabe").value = obj.value;
	}
}
</script>
<body>
<form name="meinform" method="post" action="">
    <select name="menue" id="menue" onChange="doselect(this)">
        <option value="Wert 1" selected>Wert 1</option>
        <option value="Wert 2">Wert 2</option>
        <option value="0">Eigene Eingabe</option>
    </select>
    <input name="eingabe" type="text" id="eingabe" style="display:none"><br>
    <input type="submit" name="Submit" value="Abschicken">
</form>
</body>

Gruß
.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück