Hallo Freunde, ich möchte wenn ein Input-Feld gefüllt ist ein anderes Input-Feld angezeigt wird. Dazu habe ich ein Script gefunden das wenn eine Select-Box gewählt wird in diesem Fall bei value=1 nichts anzeigt und bei value=2 das versteckte Input-Feld angezeigt wird. Habe jetzt das ganze mit einem Input-Feld anstatt einer Select-Box versucht, nur funktioniert das nicht. Anbei das Script
HTML:
<!DOCTYPE html>
<html lang="de">
<head>
<style>
.hide {
display: none;
}
</style>
<script>
window.addEventListener("load", () => { // when the page loads
document.getElementById("foo").addEventListener("change", function() {
document.getElementById("nameFoo").classList.toggle("hide", this.value === "1")
})
})
</script>
</head>
<body>
<select name="foo" id="foo" >
<option value="1" selected>1</option>
<option value="2">2</option>
</select>
<!-- <input type="text" id="foo" name="foo" value="2"> -->
<div id="nameFoo" class="hide">
<input id="name" required />
</div>
</body>
</html>
Zuletzt bearbeitet: