V2.0.0 beta.4

jquery.chained.js

@@ -47,22 +47,15 @@
                 $(child).html(backup.html());
 
                 /* If multiple parents build classname like foo\bar. */
-                var selected = "";
+                var selected = [];
                 $(parent_selector).each(function() {
-                    var selectedClass = $("option:selected", this).val();
-                    if (selectedClass) {
-                        if (selected.length > 0) {
-                            if (window.Zepto) {
-                                /* Zepto class regexp dies with classes like foo\bar. */
-                                selected += "\\\\";
-                            } else {
-                                selected += "\\";
-                            }
-                        }
-                        selected += selectedClass;
-                    }
+                    $(":selected", this).each(function() {
+                        selected.push($(this).val());
+                    });
                 });
 
+
+
                 /* Also check for first parent without subclassing. */
                 /* TODO: This should be dynamic and check for each parent */
                 /*       without subclassing. */
@@ -75,11 +68,16 @@
                 var selected_first = $("option:selected", first).val();
 
                 $("option", child).each(function() {
-                    /* Remove unneeded items but save the default value. */
-                    if ($(this).hasClass(selected) && $(this).val() === currently_selected_value) {
-                        $(this).prop("selected", true);
-                        trigger_change = false;
-                    } else if (!$(this).hasClass(selected) && !$(this).hasClass(selected_first) && $(this).val() !== "") {
+                    var hasSelectedClass = false;
+                    var classList = ($(this).attr('class') == undefined || "" ) ? [] : $(this).attr('class').split(/\s+/);
+                    $.each( classList, function(index, item){
+                        if (jQuery.inArray(item, selected) >= 0) {
+                            hasSelectedClass = true;
+                            return;
+                        }
+                    });
+                    if (!hasSelectedClass &&
+                        !$(this).hasClass(selected_first) && $(this).val() !== "") {
                         $(this).remove();
                     }
                 });

jquery.chained.remote.js

@@ -17,7 +17,6 @@
     "use strict";
 
     $.fn.remoteChained = function(options) {
-
         var settings = $.extend({}, $.fn.remoteChained.defaults, options);
 
         /* Loading text always clears the select. */
@@ -38,7 +37,16 @@
                     var data = {};
                     $(settings.parents).each(function() {
                         var id = $(this).attr(settings.attribute);
-                        var value = ($(this).is("select") ? $(":selected", this) : $(this)).val();
+                        var value = []
+
+                        if($(this).is("select")) {
+                            $(":selected", this).each(function() {
+                                value.push($(this).val());
+                            });
+                        } else {
+                            value.push($(this).val());
+                        }
+
                         data[id] = value;
 
                         /* Optionally also depend on values from these inputs. */
@@ -164,4 +172,4 @@
         clear : false
     };
 
-})(window.jQuery || window.Zepto, window, document);
+})(window.jQuery || window.Zepto, window, document);