Hey,
ich möchte ein div-element ausblenden welches 2 Tabellenreihen besitzt.
Eigentlich sollte es nun mit document.getElementById("newUser").style.display = "none"; ja ausgeblendet werden. Aber das funktioniert nicht.
Ich bin gerade dazu etwas überfragt und kann an keiner Stelle in meinem JS-Code einen Fehler finden.
Mein JS und HTML:
JavaScript
window.onload = function(){
var addNewUser = document.getElementById("addNewUser");
var ausgabeBereich = document.getElementById("newUser");
ausgabeBereich.style.display = "none";
addNewUser.addEventListener("click", showFormular);
function showFormular(){
var ausgabeBereich = document.getElementById("newUser");
ausgabeBereich.style.display = "block";
}
}
Alles anzeigen
Code
<div id="newUser">
<form method="post">
<tr>
<th scope="row" class="col-sm-1">#</th>
<td class='col-sm-3'>
<div class='form-group'>
<input type='text' name='username' class='form-control'>
</div>
</td>
<td class='col-sm-3'>
<div class="form-group">
<select name="rang" class="custom-select">
<option value="" selected>-</option>
<option value="user">User</option>
<option value="admin">Admin</option>
</select>
</div>
</td>
<td class='col-sm-3'>
<div class="form-group">
<input type="password" name="passwort" class="form-control" placeholder="Passwort">
</div>
</td>
<td class='col-sm-3'>
<div class="form-group">
<input type="password" name="passwort_wiederholung" class="form-control" placeholder="Passwort again">
</div>
</td>
</tr>
<tr>
<td>
<button class="btn btn-success" name="submit">User hinzufügen</button>
</td>
</tr>
</form>
</div>
Alles anzeigen
Hoffe das ihr mir da weiterhelfen könnt.
Grüße,
Stef