Hjelp til <TR> hidden / show
Hvordan får jeg <tr id="AnswerX" style="display: none;"> til at virke ordentlig i (Firefox, Netscape, Opera) der er ikke nogle problemer i Internet Explorer?Problemet er at den smadre hele table i (Firefox, Netscape, Opera) når jeg vælger i selectbox.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Nyt Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function ShowHideAnswerBoxes(Numbers) {
for(var i = 1; i <= 6; i++) {
if (i > Numbers) {
document.getElementById("Answer"+i).style.display = 'none';
} else {
document.getElementById("Answer"+i).style.display = 'block';
}
}
}
</script>
</head>
<body>
<form method="post" action="#">
<table border="0" cellpadding="2" cellspacing="2">
<tr>
<td><b>Spørgsmål :</b></td>
<td><input type="text" name="question" value="" size="100" maxlength="255"></td>
</tr>
<tr>
<td><b>Svar muligheder :</b></td>
<td>
<select name="answernumbers" onchange="ShowHideAnswerBoxes(this.value);" style="width: 100%;">
<option selected="selected" value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</td>
</tr>
<tr id="Answer1">
<td><b>Rigtigt svar :</b></td>
<td><input type="text" name="answer[]" value="" size="100" maxlength="255"></td>
</tr>
<tr id="Answer2">
<td><b>Forkert svar :</b></td>
<td><input type="text" name="answer[]" value="" size="100" maxlength="255"></td>
</tr>
<tr id="Answer3" style="display: none;">
<td><b>Forkert svar :</b></td>
<td><input type="text" name="answer[]" value="" size="100" maxlength="255"></td>
</tr>
<tr id="Answer4" style="display: none;">
<td><b>Forkert svar :</b></td>
<td><input type="text" name="answer[]" value="" size="100" maxlength="255"></td>
</tr>
<tr id="Answer5" style="display: none;">
<td><b>Forkert svar :</b></td>
<td><input type="text" name="answer[]" value="" size="100" maxlength="255"></td>
</tr>
<tr id="Answer6" style="display: none;">
<td><b>Forkert svar :</b></td>
<td><input type="text" name="answer[]" value="" size="100" maxlength="255"></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value=" Opret spørgsmål "></td>
</tr>
</table>
</form>
</body>
</html>
