✔ Problem mit Pulldown-Menü Unterauswahl

D

dreamkiller

Grünschnabel
Hallo alle miteinander.
Ich habe folgendes Problem.
Ich nutze für eine Pulldown Unterauswahl folgenden Code:

Code: 
<script type="text/javascript">
<!--
function auswahl(objSelect)
{

arrLayers = ['selectone', 'selecttwo'];

for(j = 0; j<arrLayers.length;++j)
{
document.getElementById(arrLayers[j]).style.display=
(objSelect.options[objSelect.selectedIndex].value==arrLayers[j])
?'block'
:'none';
}
}
//-->
</script>

<style type="text/css">
<!--
#selectone,#selecttwo{
display:none;
}
-->
</style>

<!-- Toller bunter HTML Text -->

<select onchange="auswahl(this)">
<option>Preisklasse</option>
<option>---------------------</option>
<option value="selectone">Erste Auswahl</option>
<option value="selectone">Zweite Auswahl</option>
<option value="selectone">Erste Auswahl</option>
</select>

<select onchange="auswahl(this)">
<option>Preisklasse</option>
<option>---------------------</option>
<option value="selecttwo">Erste Auswahl</option>
<option value="selecttwo">Zweite Auswahl</option>
<option value="selecttwo">Erste Auswahl</option>
</select>

<div id="selectone">
<select>
<option>Anzahl</option>
<option>---------------------</option>
<option>Erste Auswahl</option>
<option>Zweite Auswahl</option>
<option>Erste Auswahl</option>
</select></div>

<!-- Noch mehr HTML Text... -->

Nun habe ich das Problem, dass das ganze wunderbar mit dem Internet Explorer funktioniert, und der definierte Auswahlbereich versteckt wird, aber unter Firefox nicht. Gibt es eine Möglichkeit das ganze auch unter Firefox zum laufen zu kriegen?

Wäre über Hilfe sehr erfreut :)
 
Hi,

einen Fehler kann ich nicht entdecken - vorausgesetzt, es existiert auch ein Element mit der ID selecttwo.

Folgendes Konstrukt funktioniert bei mir auch im FF:
Code: 
<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
  <!--
function auswahl(objSelect){
  arrLayers = ['selectone', 'selecttwo'];

  for(j=0; j<arrLayers.length; ++j){
    document.getElementById(arrLayers[j]).style.display = (objSelect.options[objSelect.selectedIndex].value==arrLayers[j])?'block':'none';
  }
}
 //-->
</script>
<style type="text/css">
<!--
#selectone,#selecttwo{
  display:none;
}
-->
</style>
</head>
<body>
<select onchange="auswahl(this)">
	<option>Preisklasse</option>
	<option>---------------------</option>
	<option value="selectone">Erste Auswahl</option>
	<option value="selectone">Zweite Auswahl</option>
	<option value="selectone">Erste Auswahl</option>
</select>

<select onchange="auswahl(this)">
	<option>Preisklasse</option>
	<option>---------------------</option>
	<option value="selecttwo">Erste Auswahl</option>
	<option value="selecttwo">Zweite Auswahl</option>
	<option value="selecttwo">Erste Auswahl</option>
</select>

<div id="selectone">selectone
	<select>
	<option>Anzahl</option>
	<option>---------------------</option>
	<option>Erste Auswahl</option>
	<option>Zweite Auswahl</option>
	<option>Erste Auswahl</option>
	</select>
</div>

<div id="selecttwo">selecttwo
	<select>
	<option>Anzahl</option>
	<option>---------------------</option>
	<option>Erste Auswahl</option>
	<option>Zweite Auswahl</option>
	<option>Erste Auswahl</option>
	</select>
</div>
</body>
</html>
Vielleicht gibt es Probleme mit einer anderen Stelle im Quellcode. Dazu müssten jedoch mehr Infos zur
Verfügung stehen.

Ciao
Quaese
 
Erstmal danke für die schnelle Antwort.

Ich hab den Fehler gerade selbst gefunden. Anscheinend mag Firefox den direkt integrierten display:none nicht. Nachdem ich eine externe .css Datei eingespeist hatte, ging es wunderbar.
 
Nochmal eine kurze Frage zu den Pulldown Menüs.

Momentan gehe ich über 2 Pulldown Menüs zum "Endergebnis", das sieht wie folgt aus:
Code: 
<script type="text/javascript">
<!--
function auswahl(objSelect)
{

arrLayers = ['U1', 'U2', '1', '2'];

for(j = 0; j<arrLayers.length;++j)
{
document.getElementById(arrLayers[j]).style.display=
(objSelect.options[objSelect.selectedIndex].value==arrLayers[j])
?'block'
:'none';
}
}
//-->
</script>

<style type="text/css">
<!--
#U2,#U1,#1,#2{
display:none;
}
-->
</style>


<!-- HTML Text Hier -->

<select name="Typ" onchange="auswahl(this)">
<option value="1">Kabel 1</option>
<option value="2">Kabel 2</option>
</select>

<div id="1">
<select name="Menge" onchange="auswahl(this)">
<option value="U1">1-10 Stück</option>
<option value="U2">11-20 Stück</option>
</select>
</div>

<div id="U1">
Die Kosten für die entstehende Menge beträgt XX,XX Euro
</div>
<div id="U2">
Die Kosten für die entstehende Menge beträgt YY,YY Euro
</div>

Wenn ich beim 2. Pulldown Menü einen der beiden Stückzahlen auswähle und somit zum jeweiligen Endergebniss komme, wird mir natürlich mein 2. Pull Down Menü wieder versteckt, was ich gerne verhindern würde.

Gibt es eine möglichkeit das verstecken zu verhindern, wenn ich mir das Endergebniss anzeigen lasse?


Grüße,
dreamkiller
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück