Flere valg
Jeg har følgendene script:<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Untitled Page</title>
<script type="text/javascript">
var lastDiv = "";
function showDiv(divName) {
if (lastDiv) {
document.getElementById(lastDiv).className = "hiddenDiv";
}
if (divName && document.getElementById(divName)) {
document.getElementById(divName).className = "visibleDiv";
lastDiv = divName;
}
}
</script>
<style type="text/css" media="screen"><!--
.hiddenDiv {
display: none;
}
.visibleDiv {
display: block;
border: 1px grey solid;
}
--></style>
</head>
<body bgcolor="#ffffff">
<form id="FormName" action="blah.php" method="get" name="FormName">
<select name="selectName" size="1" onchange="showDiv(this.value);">
<option value="">Vælg en...</option>
<option value="1">første</option>
<option value="2">anden</option>
<option value="3">tredie</option>
</select>
</form>
<p id="1" class="hiddenDiv">Vis nr 1.</p>
<p id="2" class="hiddenDiv">Vis nr 2.</p>
<p id="3" class="hiddenDiv">Vis nr 3.</p>
</body>
</html>
men hvis jeg vil have flere end en skal vise sig som ekselpelvis:
hvis jeg vælger <option value="3">Tredie</option>
<p id="1" class="hiddenDiv">ikke vist</p>
<p id="2" class="hiddenDiv">ikke vist</p>
<p id="3" class="hiddenDiv">vist</p>
<p id="1" class="hiddenDiv">ikke vist</p>
<p id="3" class="hiddenDiv">vist</p>
og hvis en selected skal kunne vise to typper elsempelvis:
hvis jeg vælger <option value="1">første</option>
<p id="1" class="hiddenDiv">Vist</p>
<p id="2" class="hiddenDiv">ikke vist</p>
<p id="3" class="hiddenDiv">vist</p>
<p id="1" class="hiddenDiv">ikke vist</p>
<p id="4" class="hiddenDiv">ikke vist</p>
Hvordan gør jeg det muligt?