Screw Driver
19-07-2007, 21:45
Hi,
ich stehe vor einem unlösbaren Problem.
Auf meiner Seite habe ich eine Select-Box. Wenn ich einen Eintrag auswähle und dann die Seite neu lade (z.B. F5) bleibt der Inhalt der Auswahlbox dort stehen und springt nicht auf den ersten zurück.
Nach dem Auswählen blendet ich mit JavaScript mit "onchange" etwas aus. Lade ich die Seite aber neu, so bin ich zwar im richtigen Auswahlpunkt, aber die Ausblendung ist natürlich weg.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Titel</title>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function wechseln() {
if( $("#eins option:selected").attr("value") == "ein" ) {
$("#zwei").css({ display: "block" });
} else {
$("#zwei").css({ display: "none" });
}
}
// -->
</script>
</head>
<body>
<select name="eins" id="eins" onchange="wechseln()">
<option value="aus">ausgeblendet</option>
<option value="ein">eingeblendet</option>
</select>
<div id="ebene2">
<select name="zwei" id="zwei" style="display:none;">
<option value="ja">ja</option>
<option value="nein">nein</option>
</select>
</div>
</body>
</html>
Wenn man hierbei nun "eingeblendet" auswählt, erscheitn die zweite Select-Box. Lädt man nun die Seite mit den "neu laden" button des Browsers oder F5 neu, bekommt man das Problem, dass "eingeblendet" ausgewählt ist, aber die Einblendung nicht stattfindet.
Wie kann man dieses Problem lösen?
ich stehe vor einem unlösbaren Problem.
Auf meiner Seite habe ich eine Select-Box. Wenn ich einen Eintrag auswähle und dann die Seite neu lade (z.B. F5) bleibt der Inhalt der Auswahlbox dort stehen und springt nicht auf den ersten zurück.
Nach dem Auswählen blendet ich mit JavaScript mit "onchange" etwas aus. Lade ich die Seite aber neu, so bin ich zwar im richtigen Auswahlpunkt, aber die Ausblendung ist natürlich weg.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Titel</title>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
function wechseln() {
if( $("#eins option:selected").attr("value") == "ein" ) {
$("#zwei").css({ display: "block" });
} else {
$("#zwei").css({ display: "none" });
}
}
// -->
</script>
</head>
<body>
<select name="eins" id="eins" onchange="wechseln()">
<option value="aus">ausgeblendet</option>
<option value="ein">eingeblendet</option>
</select>
<div id="ebene2">
<select name="zwei" id="zwei" style="display:none;">
<option value="ja">ja</option>
<option value="nein">nein</option>
</select>
</div>
</body>
</html>
Wenn man hierbei nun "eingeblendet" auswählt, erscheitn die zweite Select-Box. Lädt man nun die Seite mit den "neu laden" button des Browsers oder F5 neu, bekommt man das Problem, dass "eingeblendet" ausgewählt ist, aber die Einblendung nicht stattfindet.
Wie kann man dieses Problem lösen?