nicht angemeldet
Hi Nico
Da bis jetzt keiner der schlauen Leute hier eine elegante Antwort gegeben hat, werde ich mal eine umstaendliche vorstellen:
Die Loesung besteht aus 3 verschiedenen Formularen, die jeweils aus einer Auswahlliste bestehen, welche wie die Selfhtml Quickbar funktioniert.
Das erste Formular besteht aus der Liste mit den Laendernamen. Je nachdem welcher Name angeklickt wird, wird die passende Liste mit den Regionen sichtbar gemacht.
Hier der Quelltext:
<html>
<head>
<title>Formulartest</title>
<script language="JavaScript">
<!--
function zeigeLaender() {
i=document.forms[0].elements[0].selectedIndex;
if (document.layers){
for (j=0;j<2;j++) document.layers[j].visibility="hide";
document.layers[i].visibility="show";}
else {
for (j=0;j<2;j++) document.all.tags("div")[i].style.visibility="hidden";
document.all.tags("div")[i].style.visibility="visible";}
return
}
//-->
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<form name="form1" action="" method="" target="">
<select name="land" size="2" onchange="zeigeLaender()">
<option value="Land1">Land1</option>
<option value="Land2">Land2</option>
</select></form>
<div id="Land1" style="position:absolute; top:100; left:10; visibility:hidden;">
<form name="form2" action="" method="" target="">
<select name="regionen1" size="1">
<option value="Reg1">Land1 Region1</option>
<option value="Reg2">Land1 Region2</option>
<option value="Reg3">Land1 Region3</option>
<option value="Reg4">Land1 Region4</option>
<option value="Reg5">Land1 Region5</option>
<option value="Reg6">Land1 Region6</option>
</select></form>
</div>
<div id="Land2" style="position:absolute; top:100; left:10; visibility:hidden;">
<form name="form2" action="" method="" target="">
<select name="regionen2" size="1">
<option value="Reg1">Land2 Region1</option>
<option value="Reg2">Land2 Region2</option>
<option value="Reg3">Land2 Region3</option>
<option value="Reg4">Land2 Region4</option>
<option value="Reg5">Land2 Region5</option>
<option value="Reg6">Land2 Region6</option>
</select></form>
</div>
</body>
</html>
Ich hoffe das gibt wenigstens einen guten Denkanstoss
Holger