Multi-Select-Box-Plug-In für mehrstufige Verknüpfung, implementiert durch jQuery_jquery

Von jQuery implementiertes Multi-Select-Box-Verknüpfungs-Plug-in

Code kopieren Der Code lautet wie folgt: // Verwendung: $(_event_src_).autoSelect(_reload_, reload_url); // Das Frontend verwendet die get-Methode, um das Attribut „name“ des -Tags zu übertragen die ausgewählte // Das Backend verwendet die Übertragung von Daten im JSON-Format // Format: { Wert: Attribut „Wert“ von , Text: Anzeigetext von } (function($) { $.fn. extension({ autoSelect: function(dest, url) { return this.each(function() { $.SelectChange($ (this), $(dest), url); }, }// Kontrollkästchen zurücksetzen $.SelectReset = function(target) { if (target != null) { $.SelectReset(target.data("nextSelect")); target.append(target.data(" defaultOpt")); } };

// Kontrollkästchen laden $.SelectLoad = function(target, data) { $.each(data, function( index, content) { var option = $(" ") .attr("value", content.value).text(content.text); target.append(option); };

// Änderungsereignis binden $.SelectChange = function(target, dest, url) { // Verknüpfungskette binden target.data ("nextSelect", dest);

// Notieren Sie die Standardoption (erste Option) if (target.data("defaultOpt") == null) target.data("defaultOpt" , target.children().first()); dest.data("defaultOpt", dest.children().first()); $(document).ready(function() { target.change(function(event) { var _target = event.target || window.event.srcElement; if (_target.value != target.data("defaultOpt").attr ("value")) { $.getJSON(url, { "name": _target.name, "value": _target.value }, function(data, status) { if (status == "success") { $.SelectReset(target.data("nextSelect")); ("nextSelect"), data); } }); // Daten im JSON-Format im Hintergrund übertragen } else { $.SelectReset(target.data("nextSelect") ); } });