Hallo zusammen,
Ich fange gerade an mit Ajax zu arbeiten und habe leider ein Problem bei dem ich um eure Hilfe bitte.
Um es kurz zu machen. Ich habe ein Formular mit drei Dropdown Boxen. Zwei dieser Boxen sind statisch. Die dritte wird vom Javascript gefüllt. Ziel des Formulars ist es, einen Preis aus einer Datenbank auszulesen und diesen sobal eine der Dropdownboxen verändert wird über Ajax zu aktualisieren.
Das Problem:
Die dritte Box soll Ihre Werte ebensfalls aus der Datenbank erhalten. Das klappt auch wunderbar. ICh hole die Werte mit PHP und scheibe sie dann per Javasript in einen Div-Tag. Nur leider kann das Javascript anschließend keinen gültigen Wert aus diesem Feld auslesen.
Danke im Voraus für eure Hilfe
und hier der Quellcode:
index.html
Alles anzeigen
js:
Alles anzeigen
Ich fange gerade an mit Ajax zu arbeiten und habe leider ein Problem bei dem ich um eure Hilfe bitte.
Um es kurz zu machen. Ich habe ein Formular mit drei Dropdown Boxen. Zwei dieser Boxen sind statisch. Die dritte wird vom Javascript gefüllt. Ziel des Formulars ist es, einen Preis aus einer Datenbank auszulesen und diesen sobal eine der Dropdownboxen verändert wird über Ajax zu aktualisieren.
Das Problem:
Die dritte Box soll Ihre Werte ebensfalls aus der Datenbank erhalten. Das klappt auch wunderbar. ICh hole die Werte mit PHP und scheibe sie dann per Javasript in einen Div-Tag. Nur leider kann das Javascript anschließend keinen gültigen Wert aus diesem Feld auslesen.
Danke im Voraus für eure Hilfe
und hier der Quellcode:
index.html
Quellcode
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <title>Flaggentool</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <script type="text/javascript" src="flaggentool.js"></script>
- </head>
- <body onLoad="getFormat();">
- <form name="form1">
- <select id="menge" name="menge" onChange="sndReq();">
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- <option>6</option>
- <option>7</option>
- <option>8</option>
- <option>9</option>
- <option>10</option>
- <option>11</option>
- <option>12</option>
- </select><br>
- <select id="fahnenart" name="fahnenart" onChange="getFormat();">
- <option>hochformat</option>
- <option>querformat</option>
- </select><br>
- <div id="format"></div>
- <br>
- <div id="gesamtpreis"></div>
- </form>
- </body>
- </html>
js:
Quellcode
- function createRequestObject() {
- var ro;
- var browser = navigator.appName;
- if(browser == "Microsoft Internet Explorer") {
- ro = new ActiveXObject("Microsoft.XMLHTTP");
- } else {
- ro = new XMLHttpRequest();
- }
- return ro;
- }
- var http = createRequestObject();
- function getFormat(){
- var fahnenart = document.getElementById('fahnenart').value;
- if(fahnenart == "") fahnenart = hochformat;
- http.open('get', 'getFormat.php?fahnenart=' + fahnenart);
- http.onreadystatechange = handleResponse;
- http.send(null);
- sndReq();
- }
- function sndReq() {
- var menge = document.getElementById('menge').value;
- var fahnenart = document.getElementById('fahnenart').value;
- var format = document.getElementById('format').value;
- alert(format);
- http.open('get', 'flaggentool.php?menge='+ menge +'&fahnenart=' + fahnenart +'&format=' + format);
- http.onreadystatechange = handleResponse;
- http.send(null);
- }
- function handleResponse() {
- if(http.readyState == 4) {
- var response = http.responseText;
- var update = new Array();
- if(response.indexOf('|' != -1)) {
- update = response.split('|');
- document.getElementById(update[0]).innerHTML = update[1];
- }
- }
- }