tutorials.de Buch-Aktion 05/2012
Like Tree2Danke
  • 1 Beitrag von Sven Mintel
  • 1 Beitrag von Zazzarim
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
1464
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Florian123 Florian123 ist offline Mitglied Bronze
    Registriert seit
    Mar 2009
    Beiträge
    32
    Hallo zusammen!

    Ich habe folgendes Problem, wo ihr mir bestimmt weiter helfen könnt. Und zwar möchte ich eine diverse Anzahl von Checkboxen ausgeben, wenn man aus einer Drop Down Liste ein Oberpunkt anklickt.

    Die Werte sind alle in Arrays gespeichert. Momentan werden die Unterpunkte in weiteren DropDownListen ausgeben, was ich gerne verändert haben möchte!

    Das Problem liegt wahrscheinlich (aus meiner Sicht) in der Funktion + Ausgabe Script!

    Vielen Dank für Eure Hilfe im Voraus!

    Florian

    <html>
    <head>
    <title>Navigation</title>
    <script type="text/javascript"><!--
    // *** globale Variablen
    var urls = new Array(
    new Array(""),
    new Array("", "seite1–1.html", "seite1–2.html", "seite1–3.html"),
    new Array("", "seite2–1.html", "seite2–2.html"),
    new Array("", "seite3–1.html", "seite3–2.html", "seite3–3.html", "seite3–4.html")
    );
    var beschriftung = new Array(
    new Array("Bitte auswählen", ""),
    new Array("Bitte auswählen", "Punkt 1.1", "Punkt 1.2", "Punkt 1.3"),
    new Array("Bitte auswählen", "Punkt 2.1", "Punkt 2.2"),
    new Array("Bitte auswählen", "Punkt 3.1", "Punkt 3.2", "Punkt 3.3", "Punkt 3.4")
    );
    // *** Ende der globalen Variablen
    function kategorie_anzeigen(f) {
    var kategorie = f.kategorien.selectedIndex;
    f.unterpunkte.options.length = urls[kategorie].length;
    for (var i=0; i<urls[kategorie].length; i++) {
    f.unterpunkte.options[i].text =
    (beschriftung[kategorie])[i];
    }
    }
    function seite_laden(f){
    var kategorie = f.kategorien.selectedIndex;
    var unterpunkt = f.unterpunkte.selectedIndex;
    }
    //--></script>
    </head>
    <body>
    <h1>Navigation mit Auswahllisten</h1>
    <form>
    <select name="kategorien"
    onchange="kategorie_anzeigen(this.form);">
    <option>Bitte auswählen</option>
    <option>Kategorie 1</option>
    <option>Kategorie 2</option>
    <option>Kategorie 3</option>
    </select>
    <select name="unterpunkte"
    onchange="seite_laden(this.form);">
    <option>Bitte auswählen</option>
    </select>
    </form>
    </body>
    </html>
     

  2. #2
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Moin Florian,

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    function kategorie_anzeigen(f) {
     
    var kategorie = f.kategorien.selectedIndex;
    document.getElementById('unterpunkte').innerHTML='';
    for (var i=1; i<beschriftung[kategorie].length; i++) {
    document.getElementById('unterpunkte').innerHTML+=
      '<input type="checkbox" name="unterpunkte" value="'+beschriftung[kategorie][i]+
      '">'+beschriftung[kategorie][i];
     
    }
    }

    Die Liste "unterpunkte" müsstest du noch ersetzen durch
    Code :
    1
    
    <div id="unterpunkte"></div>
    Florian123 bedankt sich. 

  3. #3
    Florian123 Florian123 ist offline Mitglied Bronze
    Registriert seit
    Mar 2009
    Beiträge
    32
    Hallo Sven,

    vielen vielen Dank für deine Hilfe!

    Die Funktion + div Anweisung hat SUPER geklappt.

    Eine Frage hätte ich noch und zwar können die Checkboxen untereinander ausgegeben werden?

    Wenn "JA", wo muss der <br> im Script stehen?

    Vielen Dank noch einmal für die Hilfe!

    MFG

    Florian
     

  4. #4
    Avatar von Zazzarim
    Zazzarim Zazzarim ist offline Grünschnabel
    Registriert seit
    Mar 2009
    Beiträge
    3
    Probier doch mal:

    document.getElementById('unterpunkte').innerHTML+=
    '<input type="checkbox" name="unterpunkte" value="'+beschriftung[kategorie][i]+
    '">'+beschriftung[kategorie][i]+'<br>';
    Florian123 bedankt sich. 

  5. #5
    Florian123 Florian123 ist offline Mitglied Bronze
    Registriert seit
    Mar 2009
    Beiträge
    32
    Hallo Zazzarim,

    vielen Dank für deine Antwort, hat mir sehr geholfen.

    Ih glaube, ich stand kurz aufm Schlauch!

    MFG

    Florian
     

Ähnliche Themen

  1. [C#] Dynamisch CheckBoxen erstellen
    Von KotNaschor im Forum .NET Windows Forms
    Antworten: 8
    Letzter Beitrag: 24.05.10, 13:08
  2. Checkboxen dynamisch darstellen
    Von chill0r55555 im Forum PHP
    Antworten: 5
    Letzter Beitrag: 13.02.09, 15:24
  3. Array dynamisch aus DB füllen und ausgeben
    Von marijuanamaxe im Forum PHP
    Antworten: 2
    Letzter Beitrag: 23.09.05, 12:43
  4. Antworten: 3
    Letzter Beitrag: 28.04.05, 11:55
  5. Inhalte von Array dynamisch ausgeben
    Von Funky_MF im Forum PHP
    Antworten: 5
    Letzter Beitrag: 17.09.04, 22:15

Stichworte