Variable ausserhalb der Funktion benutzen

Sotares

Mitglied
Guten Tag zusammen.

Wie kann ich den ausgewählten Wert von Select "hersteller" ausserhalb der function "anzeigen()", zugänglich machen?
Wenn ich die Variable "auswahl" ausserhalb der Funktion mit var auswahl="irgendwas"; deklariere, so funktioniert alles bestens.

Eigentlich brauche ich die Function "anzeigen()" gar nicht und würde den Wert lieber über eine Variable, per onchange() direkt an "http.send("a="+auswahl);" übergeben.

Javascript ist für mich ein Buch mit sieben Siegeln. :rolleyes:

Danke und Gruss,
Sotares

HTML:
<html>
<head>
<script type="text/javascript"><!--

function anzeigen() {
auswahl = document.getElementById("hersteller").value;
alert(auswahl);
}

var http = null;
if (window.XMLHttpRequest) {
   http = new XMLHttpRequest();
} else if (window.ActiveXObject) {
   http = new ActiveXObject("Microsoft.XMLHTTP");
}
if (http != null) {
   http.open("POST", "test.php", true);
   http.onreadystatechange = ausgeben;
   http.setRequestHeader(
      "Content-Type",
      "application/x-www-form-urlencoded");
   http.send("a="+auswahl);
}


function ausgeben() {
   if (http.readyState == 4) {
      document.getElementById("Ausgabe").innerHTML =
         http.responseText;
   }
}
//--></script>
</head>
<body>


<body>
<form name="myform" action="test.php" method="post">
<p>
Hersteller:
  <select name="hersteller" id="hersteller" onchange="anzeigen();">
    <option>--- Hersteller auswählen ---</option>
    <option value="Nokia">Nokia</option>
    <option value="SonyEricsson">SonyEricsson</option>
  </select><br />
<input type="submit" name="sent" /></td>
</form>


<div id="Ausgabe"></div>


</body>
</html>
 
Ich konnte es selbst lösen,
Sotares

HTML:
<html>
<head>
<script type="text/javascript"><!--

var http = null;
if (window.XMLHttpRequest) {
   http = new XMLHttpRequest();
} else if (window.ActiveXObject) {
   http = new ActiveXObject("Microsoft.XMLHTTP");
}

function anzeigen() {
var auswahl = document.getElementById("hersteller").value;
   http.open("POST", "test.php", true);
   http.onreadystatechange = ausgeben;
   http.setRequestHeader(
      "Content-Type",
      "application/x-www-form-urlencoded");
   http.send("a="+auswahl);
}

function ausgeben() {
   if (http.readyState == 4) {
      document.getElementById("Ausgabe").innerHTML =
         http.responseText;
   }
}
//--></script>
</head>
<body>


<body>
<form name="myform" action="test.php" method="post">
<p>
Hersteller:
  <select name="hersteller" id="hersteller" onchange="anzeigen();">
    <option>--- Hersteller auswählen ---</option>
    <option value="Nokia">Nokia</option>
    <option value="SonyEricsson">SonyEricsson</option>
  </select><br />
<input type="submit" name="sent" /></td>
</form>


<div id="Ausgabe"></div>


</body>
</html>
 
Zurück