JQuery verkettete filter-dropdown

Ich versuche, umzusetzen verkettete filter-Dropdownliste mit nur javascript - jquery.

Die Lösung, die ich brauche, ist http://www.codeassembly.com/Simple-chained-combobox-plugin-for-jQuery.

Allerdings kann ich nicht diese Lösung verwenden, da es hängt von einer PHP-Datei. Welche Möglichkeiten gibt es, um dies zu implementieren, die ausschließlich mit javascript (client und/oder Server-Side)?

Vielen Dank

InformationsquelleAutor van | 2010-04-07
  1. 4

    Für eine einfache jQuery-plugin, das braucht keine andere Datenquelle oder Datendatei. Sie verwenden können:

    http://code.google.com/p/jquery-option-tree/

    Alle Optionen erhalten, definiert in der JS-code, hoffentlich werden Sie nicht haben ein großes dataset.

    <input type="text" name="demo1" />

    var option_tree = {
       "Option 1": {"Suboption":200},
       "Option 2": {"Suboption 2": {"Subsub 1":201, "Subsub 2":202},
             "Suboption 3": {"Subsub 3":203, "Subsub 4":204, "Subsub 5":205}
            }
    };

    $('input[name=demo1]').optionTree(option_tree);
    • Scheint, dass ich bis gestimmt haben, dies ein wenig zu früh - habe versucht, eine form und erkannte ein paar wichtige Merkmale fehlen: 1) kann ich nicht einen anderen Standard wählen Sie Nachricht per dropdown-Liste auswählen, zum Beispiel "Bitte Land auswählen" und dann "Bitte wählen Sie "state"; 2)die Benennung jedes sub-dropdown nicht möglich zu sein scheint, es hängt"_", aber dann setzt die gesamte Auswahl Wert in einem Feld (funktioniert ok, aber die Benennung jeden sub drop-down-wäre nett).
    • 1)Es gibt eine empty_value Parameter, die Sie übergeben können, um den Standard-Nachricht. Werfen Sie einen Blick auf die Beispiele auf der demo-Seite.
    InformationsquelleAutor Glennular
  2. 0

    Sorry über dreiste Eigenwerbung, aber ich hatte dasselbe problem früher und schrieb Angekettet Wählt plugin auf meine Bedürfnisse anzupassen. Es ist ähnlich zu dem, was Glennular angeboten, aber mit einigen unterschieden. Statt der Gebäude der wählt aus JSON-array verwendet es Klasse Attribute von HTML, um herauszufinden, welche Optionen angezeigt werden sollen. Zum Beispiel:

    <select id="mark">
  <option value="">--</option>
  <option value="bmw">BMW</option>
  <option value="audi">Audi</option>
</select>
<select id="series">
  <option value="">--</option>
  <option value="series-3" class="bmw">3 series</option>
  <option value="series-5" class="bmw">5 series</option>
  <option value="series-6" class="bmw">6 series</option>
  <option value="a3" class="audi">A3</option>
  <option value="a4" class="audi">A4</option>
  <option value="a5" class="audi">A5</option>
</select>

    Würden Sie dann machen Sie angekettet mit folgenden JavaScript:

    $("#series").chained("#mark");

    oder wenn Sie bevorzugen, längere form:

    $("#series").chainedTo("#mark");

    Vielleicht wollen Sie auch zu prüfen, die Quelle der separaten demo-Seite.

    • nur eine Frage über Ihre verketteten wählt. Was ist, wenn ich die option "3 Series" zu gehören beide zu BMW und Audi?
    • Ich sah in seine Sachen, anscheinend können Sie mehrere Klassen. value="series-3" class="bmw audi"
    • Ich habe versucht, das hinzufügen mehrere Klassen früher, aber es schien nicht zu funktionieren.
    InformationsquelleAutor Mika Tuupola
Schreibe einen Kommentar