labelSort: 'Sort',
labelsx: 'Available',
labeldx: 'Selected',
- maxSelected: -1
+ maxSelected: -1,
+ leftSel: null,
+ rightSel: null,
+
+ sortOptions: function() {
+ o.leftSel.sortOptions();
+ o.rightSel.sortOptions();
+ }
}, o);
return this.each(function () {
var el = $(this);
- var originalName = $(this).attr("name");
- if (originalName.indexOf('[') != -1)
- originalName = originalName.substring(0, originalName.indexOf('['));
-
- var nameDx = originalName + "ms2side__dx";
- var nameSx = originalName + "ms2side__sx";
- var size = $(this).attr("size");
+ var hiddenName = $(this).attr("name");
+ var originalID = $(this).attr("id");
+ if (!originalID)
+ originalID = hiddenName;
+ if (originalID.indexOf('[') != -1)
+ originalID = originalID.substring(0, originalID.indexOf('['));
+
+ var nameDx = originalID + "ms2side__dx";
+ var idDx = originalID + "ms2side__dx";
+ var nameSx = originalID + "ms2side__sx";
+ var hiddenId = originalID + "ms2side_hidden";
+ var size = $(this).attr("size");
+ $(this).attr("name", originalID + "ms2side__orig");
// SIZE MIN
if (size < 6) {
$(this).attr("size", "6");
"</div>" +
"<div class='ms2side__select'>" +
(o.labeldx ? ("<div class='ms2side__header'>" + o.labeldx + "</div>") : "") +
- "<select title='" + o.labeldx + "' name='" + nameDx + "' id='" + nameDx + "' size='" + size + "' multiple='multiple' ></select>" +
+ "<select title='" + o.labeldx + "' name='" + nameDx + "' id='" + idDx + "' size='" + size + "' multiple='multiple' ></select>" +
"</div>" +
+ "<span id=\"" + hiddenId + "\"></span>" +
((o.selectedPosition == 'right' && o.moveOptions) ? divUpDown : "") +
"</div>";
$(this).after(htmlToAdd).hide();
+ $("#" + hiddenId).hide();
// ELEMENTS
var allSel = $(this).next().find("select");
var rightSel = (o.selectedPosition == 'right') ? allSel.eq(1) : allSel.eq(0);
// HEIGHT DIV
var heightDiv = $(".ms2side__select").eq(0).height();
+ o.leftSel = leftSel;
+ o.rightSel = rightSel;
// CENTER MOVE OPTIONS AND UPDOWN OPTIONS
$(this).next().find('.ms2side__options, .ms2side__updown').each(function(){
var selectDx = rightSel.children();
var selectedSx = leftSel.find("option:selected");
var selectedDx = rightSel.find("option:selected");
+ var hiddenCont = $("#" + hiddenId);
if (selectedSx.size() == 0 || (o.maxSelected >= 0 && (selectedSx.size() + selectDx.size()) > o.maxSelected))
div.find(".AddOne").addClass('ms2side__hide');
else
div.find(".RemoveAll").removeClass('ms2side__hide');
- leftSel.sortOptions();
- rightSel.sortOptions();
+ // Rebuild hidden inputs...
+ hiddenCont.empty();
+ rightSel.find("option").each(function(idx, option) {
+ $('<input type="hidden"/>').attr("name", hiddenName).attr("value", $(option).attr("value")).appendTo(hiddenCont);
+ });
});
// DOUBLE CLICK ON LEFT SELECT OPTION
}
});
$(this).trigger('change');
+ o.sortOptions();
});
// DOUBLE CLICK ON RIGHT SELECT OPTION
el.find("[value=" + $(selected).val() + "]").attr("selected", false).remove().appendTo(el);
});
$(this).trigger('change');
+ o.sortOptions();
});
// CLICK ON OPTION
$(this).remove().appendTo(rightSel);
el.find("[value=" + $(selected).val() + "]").attr("selected", true).remove().appendTo(el);
});
+ o.sortOptions();
} else if ($(this).hasClass("AddAll")) { // ALL SELECTED
leftSel.children().appendTo(rightSel);
leftSel.children().remove();
el.find('option').attr("selected", true);
// el.children().attr("selected", true); -- PROBLEM WITH OPTGROUP
+ o.sortOptions();
} else if ($(this).hasClass("RemoveOne")) {
rightSel.find("option:selected").each(function(i, selected){
$(this).remove().appendTo(leftSel);
el.find("[value=" + $(selected).val() + "]").attr("selected", false).remove().appendTo(el);
});
+ o.sortOptions();
} else if ($(this).hasClass("RemoveAll")) { // ALL REMOVED
rightSel.children().appendTo(leftSel);
rightSel.children().remove();
el.find('option').attr("selected", false);
//el.children().attr("selected", false); -- PROBLEM WITH OPTGROUP
+ o.sortOptions();
}
}
// UPDATE BUTTON ON START
leftSel.trigger('change');
+ o.sortOptions();
// SHOW WHEN ALL READY
$(this).next().show();
});