Dropdownfeld mir Select

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Dropdownfeld mir Select

    Hallo zusammen,

    ich versuche gerade Ajax kennenzulernen. Als Übung habe ich mir ein Beispiel aus diesem Forum genommen und etwas angepaßt. Leider wird mein Ergebnis nur im Firefox angezeigt und nicht im IE. Kann mir vielleicht jemand weiterhelfen?


    Quellcode

    1. <html>
    2. <head>
    3. <title>AJAX PHP Beispiel mit Select
    4. </title>
    5. <script type="text/Javascript">
    6. <!--
    7. function sendRequest() {
    8. try {
    9. req = window.XMLHttpRequest?new XMLHttpRequest():
    10. new ActiveXObject("Microsoft.XMLHTTP");
    11. } catch (e) {
    12. //Kein AJAX Support
    13. }
    14. req.onreadystatechange = handleResponse;
    15. id = document.getElementById('dropdown').value;
    16. // alert(id);
    17. req.open('get', 'func.php?s='+ id);
    19. req.send(null);
    20. }
    22. function handleResponse() {
    23. if ((req.readyState == 4) && (req.status == 200)) {
    24. document.getElementById('dropdown2').innerHTML = req.responseText;
    25. }
    26. }
    28. function sendRequest2() {
    29. try {
    30. req = window.XMLHttpRequest?new XMLHttpRequest():
    31. new ActiveXObject("Microsoft.XMLHTTP");
    32. } catch (e) {
    33. //Kein AJAX Support
    34. }
    35. req.onreadystatechange = handleResponse2;
    36. id = document.getElementById('dropdown2').value;
    37. req.open('get', 'func2.php?s='+ id);
    38. req.send(null);
    39. }
    41. function handleResponse2() {
    42. if ((req.readyState == 4) && (req.status == 200)) {
    43. document.getElementById('targetDiv').innerHTML = req.responseText;
    44. }
    45. }
    46. //-->
    47. </script>
    48. </head>
    49. <body>
    50. <p />Wählen Sie einen Eintrag aus
    51. <p />
    52. <select id="dropdown" onChange="sendRequest()">
    53. <option value="">--- Bitte Auswählen ---
    54. </option>
    55. <?php include 'my_zugriff.php'; // Hier die Verbindung zur Datenbank herstellen
    56. $result = mysql_query("SELECT land_id, land_bezeichnung FROM `laender`; ");
    57. while($row = mysql_fetch_object($result))
    58. {
    59. echo '<option value="'.$row->land_id.'">'.$row->land_bezeichnung.'</option>';
    60. }
    61. ?>
    62. </select>
    63. <select id="dropdown2" onChange="sendRequest2()">
    64. <option value="">--- Bitte Auswählen --- </option>
    65. </select>
    67. <div id="targetDiv">
    68. </div>
    69. </body>
    70. </html>
    Alles anzeigen

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von hanna ()

  • hab gerade kein IE da zum testen. Habe deinen Code aber mal aufgeräumt.
    • natürlich habe ich erstmal die redundanten Teile entfernt
    • onchange muss klein geschrieben werden.
    • id könnte vielleicht ein schlüsselwort sein.
    • sicherer ist es den wert mit this als parameter zu übergeben

    Quellcode

    1. <html>
    2. <head>
    3. <title>AJAX PHP Beispiel mit Select
    4. </title>
    5. <script type="text/Javascript">
    6. <!--
    7. function sendRequest(url, responseDiv) {
    8. var req;
    9. try {
    10. req = window.XMLHttpRequest?new XMLHttpRequest():
    11. new ActiveXObject("Microsoft.XMLHTTP");
    12. } catch (e) {
    13. //Kein AJAX Support
    14. }
    16. req.onreadystatechange = function() {
    17. if ((req.readyState == 4) && (req.status == 200)) {
    18. document.getElementById(responseDiv).innerHTML = req.responseText;
    19. }
    20. };
    22. req.open('get', url);
    23. req.send(null);
    24. }
    25. //-->
    26. </script>
    27. </head>
    28. <body>
    29. <p />Wählen Sie einen Eintrag aus
    30. <p />
    32. <select id="dropdown" onchange="sendRequest('func.php?s='+this.value, 'dropdown2')">
    33. <option value="">--- Bitte Auswählen ---</option>
    34. <?php
    35. include 'my_zugriff.php'; // Hier die Verbindung zur Datenbank herstellen
    36. $result = mysql_query("SELECT land_id, land_bezeichnung FROM `laender`; ");
    37. while($row = mysql_fetch_object($result)) {
    38. echo '<option value="'.$row->land_id.'">'.$row->land_bezeichnung.'</option>';
    39. }
    40. ?>
    41. </select>
    43. <select id="dropdown2" onChange="sendRequest('func2.php?s='+this.value, 'targetDiv')">
    44. <option value="">--- Bitte Auswählen --- </option>
    45. </select>
    47. <div id="targetDiv">
    48. </div>
    49. </body>
    50. </html>
    Alles anzeigen