nicht angemeldet
Inhaltliche Verknuepfung zwischen 2 Formularfeldern
Schoenen guten Morgen allerseits!
Ich schlage mich mit folgendem Problem herum:
Mein Formular enthaelt zwei Felder, das erste eine Auswahl zwischen Land1 und Land2. Im zweiten Fenster sollen nun, je nachdem welches der beiden Laender des ersten Feldes gewaehlt wurde, die Regionen (Bundeslaender) des jeweiligen Landes erscheinen und ausgewaehlt werden koennen.
Wie bekomme ich nun mein zweites Formularfeld dazu, sich der Auswahl innerhalb des ersten Formularfeldes anzupassen (hab' ich mich wiederholt (?)... kein Wunder, ich brauch' nen Kaffee...besser zwei)?
Wuensche Euch einen schoenen Tag
Nico
(Aetsch, in Luxemburg scheint die Sonne)
-
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-
Hi Holger,
allerbesten Dank fuer die Arbeit, die Du Dir mit der Loesung meines Problems gemacht hast. Hat mich ehrlich gesagt auch etwas gewundert, dass ausser Dir niemand helfen konnte.
Beste Gruesse
NicoHi 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
-