onChange bei Mozilla, nicht beim IE???

webbie

Moin !

Ich beisse mir seit Stunden die Zähne aus.
Ich habe ein Script, welches mal mit dem IE funktionierte. Dann hab ich irgendwas geändert, weil ich es extern aufrufen wollte und es also in eine Datei gelegt. Tja, seitdem nur noch Probleme. Ich krieg es beim besten Willen nicht mehr hin. Nur im Mozilla funktioniert es einwandfrei, der IE tut einfach nix. Auch keine Fehlermeldung...
Wer weiß Rat???

Hier die Seite:
http://web5.dtac.de/biz/templates/…rn/testform.htm
Der Quelltext:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
<script type="text/javascript" language="JavaScript"> 
<!-- 
function update_auswahl() 
  { 
  var vorwahl = document.suchform.vorwahl; 
  var unterkunft = document.suchform.unterkunft; 
  var ort = document.suchform.ort; 
  unterkunft.options.length = 0; // DropDown Menü entleeren 
  ort.options.length = 0; // DropDown Menü entleeren 


  if (vorwahl.options[vorwahl.selectedIndex].value == "Alles") 
     { 
     unterkunft.options[0] = new Option(""); 
     ort.options[0] = new Option(""); 
     } 
  else if (vorwahl.options[vorwahl.selectedIndex].value == "Unterkunft") 
    { 
    unterkunft.options[0] = new Option(""); 
    unterkunft.options[1] = new Option("Ferienwohnung"); 
    unterkunft.options[2] = new Option("Ferienhaus"); 
    ort.options [0] = new Option("Fehmarn"); 
    ort.options [1] = new Option("Sylt"); 
    ort.options [1] = new Option("Helgoland");     
    } 
  } 


function ortswahl() 
    { 
    var suchetyp = document.suchform.unterkunft.value; 
    var sucheort = document.suchform.ort.value;
    var test = suchetyp + " " + sucheort;
    document.suchform.suchtext.value = test;
    } 
//--> 
</script> 
</head> 
<body>
<form action="" method="get" name="suchform">
<input type="hidden" name="site" value="suchen">
<table align="center" border="0" cellspacing="2" cellpadding="2" width="95%">
<tr>
<th class="titel" align="left" colspan="3"></th>
<select size="1" name="vorwahl" onchange="update_auswahl();">
<option value="Alles" selected>Alle Einträge</option>
<option value="Unterkunft">Unterkunftssuche</option></select>


<select size="1" name="unterkunft" onChange="ortswahl();">
<option selected></option></select>
<select size="1" name="ort" onChange="ortswahl();">
<option selected></option>
</select></p>
</th></tr><td class="tdforl" align="center">
<input type="text" name="suchtext" size="30"></th>
</tr></table></form></body></html>

Alles anzeigen

Vielen Dank für Eure Hilfe. Wer den Fehler findet, dem geb ich einen aus! Abzuholen bei mir...

GreenRover

so muß das nicht:

ort.options [0] = new Option("Fehmarn");
ort.options [1] = new Option("Sylt");
ort.options [2] = new Option("Helgoland");

die zahlen.

Aber den Fehler kann ich auch nicht finden.

webbie

Sorry, aber ich verstehe Deine Antwort nicht? *krankbin*

GreenRover

ich habe daß

Code

ort.options [0] = new Option("Fehmarn");
ort.options [1] = new Option("Sylt");
ort.options [[b]1[/b]] = new Option("Helgoland");

in

Code

ort.options [0] = new Option("Fehmarn");
ort.options [1] = new Option("Sylt");
ort.options [[b]2[/b]] = new Option("Helgoland");

umgewandelt.

da du 2x die array ort.options [1] vergebn hast. Was aber eigentlich na der Funktionalität des script tuht.

6_freddy

Ich würde, so aus dem Bauch, die Semikola in den select-Tags entfernen. Das ist aber nur eine Vermutung.

Code

<select size="1" name="vorwahl" onchange="update_auswahl()">
<option value="Alles" selected>Alle Einträge</option>
<option value="Unterkunft">Unterkunftssuche</option></select>


<select size="1" name="unterkunft" onChange="ortswahl()">
<option selected></option></select>
<select size="1" name="ort" onChange="ortswahl()">

Jedenfalls habe ich die bisher so nicht verwendet.
MfG
6_freddy

webbie

Ronald hat mir per PN die Lösung gebracht und es funzt.
Die Funktion Ortswahl hat Probleme bereitet, der IE interpretiert das Select nicht automatisch auch als Wert.
So geht es:

Code

function ortswahl() 
    { 
    var suchetyp = document.suchform.unterkunft.options[document.suchform.unterkunft.selectedIndex].text; 
    var sucheort = document.suchform.ort.options[document.suchform.ort.selectedIndex].text; 
    var ausgabe = suchetyp + " " + sucheort; 
    document.suchform.suchtext.value = ausgabe; 
    }

Danke an Ronald und an alle anderen die sich Gedanken gemacht haben.
LG
webbie

Tags

Benutzer online in diesem Thema