romero: <select><option> unter IE8 anderes Verhalten als unter IE6?

Beitrag lesen

SELF-Forum

<select><option> unter IE8 anderes Verhalten als unter IE6?

romero
– Informationen zu den Bewertungsregeln

hi

Liegt es an meinem Script oder an einer Einstellung vom IE8? Oder am IE8 selber?

Meine Glaskugel tippt auf dein Script.

Gruß
Ole

Die Glaskugel will ich auch...

Das wäre der Script-Auszug (vereinfacht):

		function init_Basis()  
		{  
			var SelektierungNachBereich = function()  
			{  
					if( document.Auswahl.Bereich1.options[document.Auswahl.Bereich1.selectedIndex].text == "Q" || document.Auswahl.Bereich1.options[document.Auswahl.Bereich1.selectedIndex].text == "T4L" || document.Auswahl.Bereich1.options[document.Auswahl.Bereich1.selectedIndex].text == "T4R" || document.Auswahl.Bereich1.options[document.Auswahl.Bereich1.selectedIndex].text == "T3L" || document.Auswahl.Bereich1.options[document.Auswahl.Bereich1.selectedIndex].text == "T3R" )  
					{  
						document.getElementById( "Bereich2" ).style.visibility = "visible";  
						document.getElementById( "Text2" ).style.visibility = "visible";  
						document.getElementById( "Bereich3" ).style.visibility = "hidden";  
						document.getElementById( "Text3" ).style.visibility = "hidden";  
  
					} else {  
							document.getElementById( "Bereich2" ).style.visibility = "hidden";  
							document.getElementById( "Text2" ).style.visibility = "hidden";  
							document.getElementById( "Bereich3" ).style.visibility = "hidden";  
							document.getElementById( "Text3" ).style.visibility = "hidden";  
						};  
  
					if( document.Auswahl.Bereich2.options[document.Auswahl.Bereich2.selectedIndex].text == "Q" || document.Auswahl.Bereich2.options[document.Auswahl.Bereich2.selectedIndex].text == "T4L" || document.Auswahl.Bereich2.options[document.Auswahl.Bereich2.selectedIndex].text == "T4R" )  
					{  
						document.getElementById( "Bereich3" ).style.visibility = "visible";  
						document.getElementById( "Text3" ).style.visibility = "visible";  
  
					} else {  
							document.getElementById( "Bereich3" ).style.visibility = "hidden";  
							document.getElementById( "Text3" ).style.visibility = "hidden";  
						};  
  
			document.getElementById( "Bereich1" ).onclick = SelektierungNachBereich;  
			document.getElementById( "Bereich2" ).onclick = SelektierungNachBereich;  
			document.getElementById( "Bereich3" ).onclick = SelektierungNachBereich;  
  
			document.getElementById( "Übernehmen" ).onclick = Übernehmen;  
  
			return;  
		};

Der HTML-Auszug:

			<tr class="Zeile4">  
				<td class="Spalte1"></td>  
				<td class="Spalte3">Flugzeugtyp:</td>  
  				<td class="Spalte4"><label id="FLTLabel" for="FLT"></label>  
					<select id="FLT" name="FLT">  
    						<option value="--">Bitte wählen:</option>  
						<option value="SA1">A318</option>  
						<option value="SA2">A319</option>  
						<option value="SA3">A320</option>  
						<option value="SA4">A321</option>  
						<option value="LR1">A330-200</option>  
						<option value="LR2">A330-200 Frachter</option>  
						<option value="LR3">A330-300</option>  
						<option value="LR4">A340</option>  
						<option value="LR5">A340-500</option>  
						<option value="LR6">A340-600</option>  
						<option value="A380">A380</option>  
						<option value="A400M">A400M</option>  
						<option value="Aircabin">Aircabin</option>  
  					</select></td>  
				<td class="Spalte5" id="Flugzeugtyp"></td>  
  				<td class="Spalte6">Sektion:</td>  
  				<td class="Spalte7"><label id="SektionLabel" for="Sektion"></label>  
					<select id="Sektion" name="Sektion">  
						<option value="--">Bitte wählen:</option>  
					</select></td>  
				<td class="Spalte8" id="Sek"></td>  
  
				<td class="Spalte9">Bereich:</td>  
  
				<td class="Spalte10"><label id="SektionBereich1" for="Bereich1"></label>  
      					<select id="Bereich1" name="Bereich1">  
						<option value="--">Bitte wählen:</option>  
					</select></td>  
			</tr>  
			<tr class="Zeile5">  
				<td class="Spalte9"></td>  
				<td class="Spalte10"><label id="SektionBereich2" for="Bereich2"></label>  
      					<select id="Bereich2" name="Bereich2" style="visibility:hidden">  
						<option value="--">Bitte wählen:</option>  
					</select></td>  
			</tr>  
			<tr class="Zeile6">  
				<td class="Spalte9"></td>  
				<td class="Spalte10"><label id="SektionBereich3" for="Bereich3"></label>  
      					<select id="Bereich3" name="Bereich3" style="visibility:hidden">  
						<option value="--">Bitte wählen:</option>  
					</select></td>  
			</tr>

Das wäre der Auszug, wo ich denke, da ist der Fehler versteckt. Nur erkenne ich ihn halt nicht.

Die Funktion init_Basis wird mit <body onload> aufgerufen. Und darin wird, je nachdem was man anklickt, diverse Unterscheidungen und weitere Anklick-Optionen erstellt bzw. angezeigt.

Beispiel: Wenn also man im Bereich 1 ein "Q" anklickt, dann wird eine 2. <option> sichtbar, die man wiederrum anklicken kann. Wenn das nicht der Fall ist, bleibt diese <option> halt versteckt. Und das selbe gilt dann für den Bereich 2 in Bezug auf Bereich 3.

LG Romero

Beitrag melden
–
Informationen zu den Bewertungsregeln