Problem mit Dynamischen Aufbau von SELECT Feldern

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

  • Problem mit Dynamischen Aufbau von SELECT Feldern

    Hallo Gemeinde,

    ich bin neu hier und nicht wirklich bewandert in PHP und AJAX. Mir wurde die Aufgabe zuteil ein Modul zu schreiben bei dem ich Druckerdaten aus einer Datenbank auslesen soll. Ich habe mich an dem Beispiel hier versucht und komme aber nicht weiter.

    Posting

    Mein Code schlägt einfach nicht auf die dritte Select Box um.

    Hier meine Form.php

    Quellcode

    1. [code]<html><head>
    3. <script type="text/Javascript">
    4. <!--
    5. function sendRequest(digit) {
    6. try {
    7. req = window.XMLHttpRequest?new XMLHttpRequest():
    8. new ActiveXObject("Microsoft.XMLHTTP");
    9. } catch (e) {
    10. //Kein AJAX Support
    11. }
    13. minus = digit-1;
    14. inhalt = document.getElementById('source' + minus );
    15. req.onreadystatechange = handleResponse;
    16. req.open('GET', 'func.php?dest='+ digit + '&s=' + inhalt.value);
    17. req.send(null);
    18. }
    20. function sendRequest2(digit) {
    21. try {
    22. req = window.XMLHttpRequest?new XMLHttpRequest():
    23. new ActiveXObject("Microsoft.XMLHTTP");
    24. } catch (e) {
    25. //Kein AJAX Support
    26. }
    28. minus = digit-1;
    29. inhalt = document.getElementById('source' + minus );
    30. req.onreadystatechange = handleResponse;
    31. req.open('GET', 'func2.php?dest='+ digit + '&s=' + inhalt.value);
    32. req.send(null);
    33. }
    35. function handleResponse() {
    37. if(req.readyState == 4){
    38. var response = req.responseText;
    39. var update = new Array();
    41. if(response.indexOf('||' != -1)) {
    42. update = response.split('||');
    43. for(i=0; i<update.length; i+=2) {
    44. document.getElementById(update[i]).innerHTML = update[i+1];
    45. }
    46. }
    47. }
    48. else
    49. alert("loading" + ajax.readyState);
    50. }
    52. function handleResponse2() {
    54. if(req.readyState == 4){
    55. var response = req.responseText;
    56. var update = new Array();
    58. if(response.indexOf('||' != -1)) {
    59. update = response.split('||');
    60. for(i=0; i<update.length; i+=2) {
    61. document.getElementById(update2[i]).innerHTML = update2[i+1];
    62. }
    63. }
    64. }
    65. else
    66. alert("loading" + ajax.readyState);
    67. }
    68. //-->
    69. </script>
    72. </head>
    73. <body>
    74. <form method="post" action="">
    75. <div style="float:left" id="select1">
    76. <select name="source1" id="source1" onChange="sendRequest(2)">
    77. <option value="">Bitte Hersteller wählen</option>
    78. <?php
    79. //CAT = 0 könntest du verwenden um dein hauptmenü zu kennzeichnen
    80. $sql = "SELECT * FROM brand WHERE TYPE='OEM' AND IMPORTANCE='1' AND IDBRAND LIKE '20000%' ORDER BY NAME";
    82. $res = mysql_query($sql) or exit('<p>Fehler beim Auslesen der Daten.</p>' . mysql_error());
    84. // Initialisierung des Datenarrays
    85. $data = array();
    86. // Füllen des Datenarrays
    87. while($data[] = mysql_fetch_assoc($res));
    88. array_pop($data);
    90. foreach($data as $key) {
    91. echo '<option value="' . $key['IDBRAND'] . '">' . $key['NAME'] . '</option>';
    92. echo "\n";
    93. }
    94. ?>
    95. </select>
    96. </div>
    98. <div style="float:left" id="select2" name="select2">
    99. </div>
    101. <div style="float:left" id="select3" name="select3">
    102. </div>
    103. </form>
    105. </body></html>[/code]
    Alles anzeigen


    Die Verbindungseinstellungen habe ich weggelassen.

    und hier meine func.php

    Quellcode

    1. [code]switch($_GET['dest'])
    2. {
    3. case '2':
    4. $sql = "SELECT * FROM item WHERE IDBRAND='" .$_GET['s']."' AND IDTYPE='group' order by DESCRIPTION";
    6. $res = mysql_query($sql) or exit('<p>Fehler beim Auslesen der Daten.</p>' . mysql_error());
    8. // Initialisierung des Datenarrays
    9. $data = array();
    11. // Füllen des Datenarrays
    12. while($data[] = mysql_fetch_assoc($res));
    13. array_pop($data);
    15. break;
    17. case '3':
    18. // Auslesen der Daten
    19. $sql = "SELECT i2i.IDPARITEM, i2i.IDITEM, i.IDITEM, i.DESCRIPTION FROM item2item i2i, item i WHERE i.IDITEM=i2i.IDITEM AND i2i.IDPARITEM='" .$_GET['s']."' ORDER BY DESCRIPTION";
    21. $res = mysql_query($sql) or exit('<p>Fehler beim Auslesen der Daten.</p>' . mysql_error());
    23. // Initialisierung des Datenarrays
    24. $data = array();
    26. // Füllen des Datenarrays
    27. while($data[] = mysql_fetch_assoc($res));
    28. array_pop($data);
    30. echo $_GET['s'];
    32. break;
    33. }
    35. $next = $_GET['dest']+1;
    36. echo 'select'.$_GET['dest'].'|| ';
    38. if($_GET['dest'] > 3)
    39. die('<input type="submit" value="Auswahl senden" >');
    41. echo '<select name="source'.$_GET['dest'].'" id="source'.$_GET['dest'].'" onChange="sendRequest('.$next.')">';
    42. echo '<option value=""></option>';
    43. foreach($data as $key) {
    44. echo '<option value="' . $key['IDITEM'] . '">' . $key['DESCRIPTION'] . '</option>';
    45. echo "\n";
    46. }
    47. echo '</select>';
    49. //Nächste Select Felder nullen
    50. $anzahl_der_select_felder = 3;
    51. for($i=$next; $i<=$anzahl_der_select_felder+1; $i++) {
    52. echo '||select'.$i.'|| ';
    53. }
    54. ?>[/code]
    Alles anzeigen


    Ich wäre froh, wenn mir jemand helfen kann, damit ich dieses Modul zum laufen bekomme.

    MfG

    Andreas

  • Öähm.
    Ich sehe atm nirgends, dass du #select2 oder #select3 anzeigen lässt?
    Du schreibst HTML-Code dort rein (Zeile 61?), aber die Container bleiben nach wievor aufgrund 'style="display: none;"' versteckt.

    Anzeigen kannst du die mittels:

    Quellcode

    1. document.getElementById('select2').style.display = 'block';



    Übrigens würde ich dir dringend empfehlen, dir jQuery anzuschauen ;D. Dort wird der ganze AJAX-Request-Krams in 1-2 Zeilen abgefrühstückt und das Ansprechen von Elementen geht auch weitaus einfacher. Zudem ist bei einigen Befehlen die Browserkompatibilität höher.

    Außerdem könnetst du für $anzahl_der_select_felder eine Konstante statt eine Variable nehmen, da du ja sicherlich nicht möchtest, dass der Wert innerhalb der Laufzeit geändert wird ;).

    Quellcode

    1. define('ANZAHL_DER_SELECT_FELDER', 3);
    2. echo ANZAHL_DER_SELECT_FELDER; //gibt 3 aus