JS Textfeld erst einblenden wenn im davorstehenden etwas drinnen steht?

... komplette Frage anzeigen

2 Antworten

Ich habe hier bissel was gebastelt, kannst du damit was anfangen?

https://jsfiddle.net/ww2mmcq5/

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Etnirp
12.07.2016, 13:35

Vielen Dank! Genau danach habe ich gesucht :)

0

Beispiel mit 3 Feld-Gruppen (jeweils ein Hauptfeld und drei "Unter-Felder"):

html

<form>
<fieldset>
<input type="text" class="mainfield" />
<input type="text" class="subfield" />
<input type="text" class="subfield" />
<input type="text" class="subfield" />
</fieldset>
<fieldset>
<input type="text" class="mainfield" />
<input type="text" class="subfield" />
<input type="text" class="subfield" />
<input type="text" class="subfield" />
</fieldset>
<fieldset>
<input type="text" class="mainfield" />
<input type="text" class="subfield" />
<input type="text" class="subfield" />
<input type="text" class="subfield" />
</fieldset>
</form>

css

.subfield {
display: none;
}
.filled .subfield {
display: inline-block;
}

js

document.addEventListener("keyup", function(e) {
if (!e.target.className === "mainfield") return;
e.target.parentNode.className
= e.target.value === "" ? "" : "filled";
});

Demo: http://codepen.io/anon/pen/YWEARE

Antwort bewerten Vielen Dank für Deine Bewertung

Was möchtest Du wissen?