Frage von Etnirp, 3

JS Textfeld erst einblenden wenn im davorstehenden etwas drinnen steht?

Hat jemand eine Idee wie man das machen könnte, eigentlich eine leichte Aufgabe aber mir will die Lösung nicht einfallen. Also habe mehrere Textfield, nur die danach kommenden machen nur Sinn, wenn das 1. ausgefüllt wurde, falls in diesem nichts steht sollen die anderen ausgeblendet sein.

Freue mich auf euere Antworten! LG Etnirp

Antwort
von Dory1, 3

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
von sudorc, 3

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

https://jsfiddle.net/ww2mmcq5/

Kommentar von Etnirp ,

Vielen Dank! Genau danach habe ich gesucht :)

Kommentar von Etnirp ,

Komischerweise setzt er bei mir nicht die Textfelder, nachdem ich im 1. etwas eingegeben habe auf sichtbar. Keine Ahnung woran das liegt, du vlt noch eine Idee dazu? Konsole sagt mir nichts. Das mit dem Quelltext hier einfügen will irgendwie nicht so richtig.

Kommentar von sudorc ,

Link?

Keine passende Antwort gefunden?

Fragen Sie die Community