Tweet
ja das würde mich jetzt auch mal interessiern
ich habe es bisher immer nur durch neuladen gelöst !
ich habe es bisher immer nur durch neuladen gelöst !
-
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function messeauswahl(x)
{
if(x == "messe1")
{
document.formular.auswahl.value="01.01.1001";
document.formular.ergebnisauswahl.value="erg1";
}
else if(x == "messe2")
{
document.formular.auswahl.value="02.02.2002";
document.formular.ergebnisauswahl.value="erg2";
}
else if(x == "default")
{
document.formular.auswahl.value="";
document.formular.ergebnisauswahl.value="leer";
}
}
//-->
</script>
</head>
<body bgcolor="#EEEEEE">
<form name="formular">
<select size="1" name="selectauswahl" onChange="messeauswahl(this.form.selectauswahl.options[this.form.selectauswahl.options.selectedIndex].value)">
<option value="default">[ Messe auswählen ]</option>
<option value="messe1">Messe 1</option>
<option value="messe2">Messe 2</option>
</select>
<input type="text" name="auswahl">
<select size="1" name="ergebnisauswahl">
<option value="leer">[ keine Messe ausgewählt ]</option>
<option value="erg1">Ergebnis 1</option>
<option value="erg2">ergebnis 2</option>
</select>
</form>
</body>
</html>
setzt jetzt bei bedarf sogar auf defaultwerte zurück, wenn keine Messe mehr ausgewählt ist
grussKommentar
-
ich glaube du hast es falsch verstanden.
ich habe zwei messen die jeweils mehrer Tage dauern
die leute können sich eine Messe aussuchen dann sollen die Tage der Messe in der zweiten Selectbox angezeigt werden, damit die Leute sich einen Tag aussuchen können an dem sie zur Messe kommen zum Beratungsgespräch...Kommentar
-
Kollege hat mir geholfen...
die Version funktioniert jetzt...
function messeauswahl(x)
{
if(x == "messe1")
{
document.forms['reservierung'].tag.options.length=0;
document.forms['reservierung'].tag.options[0]=new Option("Dienstag, 04.06.02", "Dienstag, 04.06.02");
document.forms['reservierung'].tag.options[1]=new Option("Mittwoch, 05.06.02", "Mittwoch, 05.06.02");
document.forms['reservierung'].tag.options[2]=new Option("Donnerstag, 06.06.02", "Donnerstag, 06.06.02");
}
else if(x == "messe2")
{
document.forms['reservierung'].tag.options.length=0;
document.forms['reservierung'].tag.options.length=0;
document.forms['reservierung'].tag.options[0]=new Option("Donnerstag, 06.06.02", "Donnerstag, 06.06.02");
document.forms['reservierung'].tag.options[1]=new Option("Freitag, 07.06.02", "Freitag, 07.06.02");
document.forms['reservierung'].tag.options[2]=new Option("Samstag, 08.06.02", "Freitag, 07.06.02");
}
}
Bitte wählen Sie eine Messe aus<br>
<select size="1" name="selectauswahl" onChange="messeauswahl(this.options[this.options.selectedIndex].value)">
<option value="messe1" selected>Internet World 04.06 - 06.06</option>
<option value="messe2">digital behaviour 06.06 - 08.06</option>
</select>
<select name="tag">
<option value="--">- Tag -</option>
</select>Kommentar
-
schade, gerade hatte ich es auch... Und meine Funzt mit ner Browserweiche (sollte in PHP kein Prob sein) sogar in allen Browsern
)
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>MouseOver</title> <script language="JavaScript"> function init() { //Browser IE document.all.messeauswahl0.style.visibility = "hidden" document.all.messeauswahl1.style.visibility = "hidden" document.all.messeauswahl2.style.visibility = "hidden" document.all.messeauswahl3.style.visibility = "hidden" //Browser NS /*document.messeauswahl0.visibility = "hidden" document.messeauswahl1.visibility = "hidden" document.messeauswahl2.visibility = "hidden" document.messeauswahl3.visibility = "hidden"*/ //Browser Opera /*document.getElementById("messeauswahl0").style.visibility = "hidden" document.getElementById("messeauswahl1").style.visibility = "hidden" document.getElementById("messeauswahl2").style.visibility = "hidden" document.getElementById("messeauswahl3").style.visibility = "hidden"*/ } function messeauswahl(n) { for (var i=0; i<=3; i++) { var visi = (i==n) ? "visible" : "hidden" //Browser IE document.all("messeauswahl"+i).style.visibility = visi //Browser NS //document.layers["messeauswahl"+i].visibility = visi //Browser Opera //document.getElementById("messeauswahl"+i).style.visibility = visi } } </script> </head> <body onload="init()"> <br><br><br><br><br><br><br> <form> <select size="1" name="selectauswahl" onChange="messeauswahl(this.form.selectauswahl.options[this.form.selectauswahl.options.selectedIndex].value)"> <option value="0">[ Messe auswählen ]</option> <option value="1">Messe 1</option> <option value="2">Messe 1</option> <option value="3">Messe 2</option> </select> <span id="messeauswahl0" style="position:absolute">bei default kein selectfeld</span> <span id="messeauswahl1" style="position:absolute"> <select name="test1"> <option value="wert1">Datum1-2</option> <option value="wert2">Datum1-2</option> </select> </span> <span id="messeauswahl2" style="position:absolute"> <select name="test2"> <option value="wert1">Datum2-1</option> <option value="wert2">Datum2-2</option> </select></span> <span id="messeauswahl3" style="position:absolute"> <select name="test3"> <option value="wert1">Datum3-1</option> <option value="wert2">Datum3-2</option> </select> </span> <form> </body> </html>Kommentar
-
hey das sieht echt gut aus...
vielleicht baue ich das nochmal um
Vielen Dank auf jedenfall!!!Kommentar
Kommentar