AJAX Select Beispiel mit MySQL

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

  • AJAX Select Beispiel mit MySQL

    /** HIER DAS BEISPIEL */

    hi,

    ich hab noch eine frage und zwar am beispiel oben wir gezeigt wie eine db in der ersten select abfrage eingebaut wird. das ist okey.

    ich will aber auch in der zweiten select box eine db abfrage machen. ich mach mal ein bsp.

    erste select box

    1
    2
    3
    4
    5


    und wenn jetzt 1 gewählt wird soll die zwiete select box erscheinen und alles was mit 1 in der db drin steht auslesen.

    naja die beschreibung ist net ganz klar ich hoffe aber es passt

  • diesmal beschrlänkt es sich ab wieder auf eine ebene, oder?
    dann splitte ich den thread nämlich später zu einem eigenen thread, damits übersichtlicher wird

    hab mir übrigens vorgenommen noch ein wiki einzubauen, ich denke dieser code ist "der [coderwiki]Informationen/AJAX[/coderwiki]-PHP Code" überhaupt.. da kann man sich alles draus ableiten

    also das wäre dein html code z.b. "formular.php"

    Quellcode

    1. <html><head>
    3. <script type="text/Javascript">
    4. function createXMLHttpRequest() {
    6. var ua;
    8. if(window.XMLHttpRequest) {
    9. try {
    10. ua = new XMLHttpRequest();
    11. } catch(e) {
    12. ua = false;
    13. }
    14. } else if(window.ActiveXObject) {
    15. try {
    16. ua = new ActiveXObject("Microsoft.XMLHTTP");
    17. } catch(e) {
    18. ua = false;
    19. }
    20. }
    21. return ua;
    22. }
    24. var req = createXMLHttpRequest();
    26. function sendRequest(digit) {
    27. // **
    28. // Hier die wichtigen Änderungen. Quelle und Ziel übermitteln
    29. // **
    30. minus = digit-1;
    31. inhalt = document.getElementById('source' + minus );
    32. req.open('get', 'func.php?dest='+ digit + '&s=' + inhalt.value);
    33. req.onreadystatechange = handleResponse;
    34. req.send(null);
    35. }
    37. function handleResponse() {
    39. if(req.readyState == 4){
    40. var response = req.responseText;
    41. var update = new Array();
    43. if(response.indexOf('||' != -1)) {
    44. update = response.split('||');
    45. document.getElementById(update[0]).innerHTML = update[1];
    46. }
    47. }
    48. else
    49. alert("loading" + ajax.readyState);
    50. }</script>
    53. </head>
    54. <body>
    56. <form method="post" action="">
    57. <div style="float:left" id="select1">
    58. <select name="source1" id="source1" onChange="sendRequest(2)">
    59. <option value=""></option>
    60. <?
    61. //CAT = 0 könntest du verwenden um dein hauptmenü zu kennzeichnen
    62. $res = mysql_query("SELECT id, title FROM `tabelle` WHERE `cat` = '0'; ");
    63. while($row = mysql_fetch_object($res)) {
    64. echo '<option value="'.$row->id.'">'.$row->title.'</option>';
    65. }
    66. ?>
    67. </select>
    68. </div>
    70. <div style="float:left" id="select2" name="select2">
    71. </div>
    72. </form>
    74. </body></html>
    Alles anzeigen


    dann wäre das der php code der "func.php"

    Quellcode

    1. <?
    2. echo 'select'.$_GET['dest'].'|| ';
    4. echo '<select name="source'.$_GET['dest'].'" id="source'.$_GET['dest'].'">';
    5. echo '<option value=""></option>';
    7. //if(!is_int($_GET['s']))
    8. // die('hacking_attempt');
    10. //Hier wird nur das zurückgegeben, das in der passenden Kategorie steht
    11. $res = mysql_query("SELECT id, title FROM `tabelle` WHERE `cat` = '$_GET[s]'; ");
    12. while($row = mysql_fetch_object($res)) {
    13. echo '<option value="'.$row->id.'">'.$row->title.'</option>';
    14. }
    15. echo '</select>';
    16. ?>
    Alles anzeigen

  • ich versteh das mit dem case nicht.
    wie baue ich anstatt den zwei case abfrage eine db abfrage ein.

    Ich bekommen ja von meinem ersten select box eine id zugesendet.
    Mit dieser id möchte ich nun bestimmte sachen in der zweiten select box aufrufen.
    Und die dritte select box bekommt ja dann eine bestimmte id von der zweiten select gelistet.
    Ich versteh da grad bahnhof..

    EDIT:
    okey jetzt glaub habe ich es. dieses case hat mich einfach verwirrt.
    sorry und danke für die hife.