Aufeinanderfolgende SELECTs mit kleiner werdender Auswahl

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

  • Aufeinanderfolgende SELECTs mit kleiner werdender Auswahl

    Hi,

    bei dem damaligen Beispiel war ja ein Ansatz von Pseudo-Dynamik zu erkennen. Ich meine damit, dass die Inhalte der Listboxen abhängig von der vorhergehenden Auswahl aufgebaut worden sind. Meine Idee ist jetzt das etwas kompakter zu gestalten.

    Die jeweils nachfolgende Listbox soll immer um den vorhergehend ausgewählten Eintrag bereinigt werden, bis in Box 5 nur noch ein Eintrag übrig ist.

    Ich dachte daran, die ID des vorhergehenden Eintrags mit zu übergeben und diese in der func.php durch die SQL-Abfrage

    Quellcode

    1. SELECT id, betreff FROM `archiv` WHERE NOT id= ... LIMIT 5;

    auzuklammern. Aber das verfremdet ja die Ergebnisse, weil immer ein Eintrag nachrutscht!?

    Hast Du evtl. eine Idee, wie so etwas technisch lösbar ist? I

    Hier auch mal der Code der func.php:

    Quellcode

    1. <?
    3. $next = $_GET['dest']+1;
    4. echo 'select'.$_GET['dest'].'|| ';
    7. if($_GET['dest'] > 5) {
    8. echo '<input type="submit" value="Auswahl senden" >';
    9. } else {
    11. echo '<select name="source'.$_GET['dest'].'" id="source'.$_GET['dest'].'" ">';
    14. echo '<option value=""></option>';
    16. $conn = mysql_connect($MYSQL_HOST, $MYSQL_USER, $MYSQL_PW);
    17. mysql_select_db($MYSQL_DB, $conn);
    19. $result = mysql_query("SELECT id, betreff FROM `archiv` LIMIT 5; ");
    20. while($row = mysql_fetch_object($result))
    21. {
    22. echo '<option value="'.$row->id.'">'.$row->betreff.'</option>';
    23. }
    25. echo '</select>';
    28. if($_GET['dest'] < 5) {
    29. echo '<a href="#" onclick="sendRequest('.$next.')">UND</a>';
    30. }
    32. }
    33. ?>
    Alles anzeigen


    Danke für jegliche Eingebung!
    Um Rekursionen zu verstehen, muss man zuerst Rekursionen verstehen...

  • Wenn nach der Auswahl nie neue Daten dazu kommen, die Liste also immer nur kleiner wird, dann würde ich das nicht mit AJAX machen.

    Quellcode

    1. <html>
    2. <head>
    3. <script type="text/javascript">
    4. //<![CDATA[
    6. var liste = new Array();
    7. liste.push('Auswahl Option Nr. 1');
    8. liste.push('Auswahl Option Nr. 2');
    9. liste.push('Auswahl Option Nr. 3');
    10. liste.push('Auswahl Option Nr. 4');
    11. liste.push('Auswahl Option Nr. 5');
    13. var prefix = 'list';
    14. var count = 1;
    16. function createList(name) {
    17. var option, text, select, div, button;
    19. div = document.createElement('div');
    20. div.style.clear = 'both';
    22. select = document.createElement('select');
    23. select.style.cssFloat = 'left';
    24. select.name = name;
    26. for(var i=0; i<liste.length; i++) {
    27. if(liste[i] != null) {
    28. option = document.createElement('option');
    29. option.value = i;
    30. text = document.createTextNode(liste[i]);
    31. option.appendChild(text);
    32. select.appendChild(option);
    33. }
    34. }
    36. button = document.createElement('a');
    37. button.href = '#';
    38. button.onclick = function() {
    39. ++count; // counter erhöhen
    40. liste[select.value] = null; //element aus globaler liste löschen
    41. createList(prefix+count); // neue liste erstellen
    42. return false;
    43. };
    44. button.appendChild(document.createTextNode('UND'));
    45. button.style.cssFloat = 'left';
    47. div.appendChild(select);
    48. div.appendChild(button);
    50. document.getElementById('queries').appendChild(div);
    51. }
    53. //]]>
    54. </script>
    56. </head>
    57. <body onload="createList(prefix+count)">
    59. <div id="queries"></div>
    61. </body></html>
    Alles anzeigen