Hallo zusammen,
ich möchte durch den Click auf die Option einer Auswahlliste eine weitere Auswahlliste öffnen, ohne das Dokument neu laden zu müssen.
Hierzu mein bisheriges Ergebnis, dass aber nicht funktioniert. Da ich nun schon den zweiten Tag in Folge nach der Lösung such hoffe ich, hier kann mir jemand helfen.
<html>
<head>
<script type="text/javascript">
function wechsel(ele)
{
document.getElementById("menu".ele).style.display="inline";
}
</script>
<style type="text/css">
<!--
.menu1 {
position: absolute;
display: none;
z-index: 3;
height: 80px;
width: 50px;
left: 50px;
top: 100px;
}
.menu2 {
position: absolute;
display: none;
z-index: 3;
height: 80px;
width: 50px;
left: 50px;
top: 100px;
}
.menu3 {
position: absolute;
display: none;
z-index: 3;
height: 80px;
width: 50px;
left: 50px;
top: 100px;
}
.menu4 {
position: absolute;
display: none;
z-index: 3;
height: 80px;
width: 50px;
left: 50px;
top: 100px;
}
-->
</style>
</head>
<form action="test-menu.html" method="get" name="menutestform">
<select id="list1" onClick="wechsel()">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
<option value="4">test4</option>
</select>
<div class="menu1">
<select id="list1">
<option value="1-1">test1-1</option>
<option value="1-2">test1-2</option>
<option value="1-3">test1-3</option>
<option value="1-4">test1-4</option>
</select>
<div class="menu2">
<select id="list1">
<option value="2-1">test2-1</option>
<option value="2-2">test2-2</option>
<option value="2-3">test2-3</option>
<option value="2-4">test2-4</option>
</select>
</div>
<div class="menu3">
<select id="list1">
<option value="3-1">test3-1</option>
<option value="3-2">test3-2</option>
<option value="3-3">test3-3</option>
<option value="3-4">test3-4</option>
</select>
</div>
<div class="menu4">
<select id="list1">
<option value="4-1">test4-1</option>
<option value="4-2">test4-2</option>
<option value="4-3">test4-3</option>
<option value="4-4">test4-4</option>
</select>
</div>
</form>
<body>
</body>
</html>
ich möchte durch den Click auf die Option einer Auswahlliste eine weitere Auswahlliste öffnen, ohne das Dokument neu laden zu müssen.
Hierzu mein bisheriges Ergebnis, dass aber nicht funktioniert. Da ich nun schon den zweiten Tag in Folge nach der Lösung such hoffe ich, hier kann mir jemand helfen.
<html>
<head>
<script type="text/javascript">
function wechsel(ele)
{
document.getElementById("menu".ele).style.display="inline";
}
</script>
<style type="text/css">
<!--
.menu1 {
position: absolute;
display: none;
z-index: 3;
height: 80px;
width: 50px;
left: 50px;
top: 100px;
}
.menu2 {
position: absolute;
display: none;
z-index: 3;
height: 80px;
width: 50px;
left: 50px;
top: 100px;
}
.menu3 {
position: absolute;
display: none;
z-index: 3;
height: 80px;
width: 50px;
left: 50px;
top: 100px;
}
.menu4 {
position: absolute;
display: none;
z-index: 3;
height: 80px;
width: 50px;
left: 50px;
top: 100px;
}
-->
</style>
</head>
<form action="test-menu.html" method="get" name="menutestform">
<select id="list1" onClick="wechsel()">
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
<option value="4">test4</option>
</select>
<div class="menu1">
<select id="list1">
<option value="1-1">test1-1</option>
<option value="1-2">test1-2</option>
<option value="1-3">test1-3</option>
<option value="1-4">test1-4</option>
</select>
<div class="menu2">
<select id="list1">
<option value="2-1">test2-1</option>
<option value="2-2">test2-2</option>
<option value="2-3">test2-3</option>
<option value="2-4">test2-4</option>
</select>
</div>
<div class="menu3">
<select id="list1">
<option value="3-1">test3-1</option>
<option value="3-2">test3-2</option>
<option value="3-3">test3-3</option>
<option value="3-4">test3-4</option>
</select>
</div>
<div class="menu4">
<select id="list1">
<option value="4-1">test4-1</option>
<option value="4-2">test4-2</option>
<option value="4-3">test4-3</option>
<option value="4-4">test4-4</option>
</select>
</div>
</form>
<body>
</body>
</html>
