')
.parent()
.prepend('
')
.end()
.each(function () {
var thisSelect = jQuery(this),
thisSelectOptions = thisSelect.children('option'),
thisSelectDisabled = false;
// ---- If the select is disabled we need to build the list anyway but make a note to disable it
if (thisSelect.attr("disabled")) {
thisSelectDisabled = true;
}
// ---- Set the div we created before as a variable so we can refer to it later
var thisDd = thisSelect.parent().css({'background' : 'none','zIndex' : z});
// ---- Makes sure each subsequent dropdown has a lower z-index value so that when the menu drops down it doesn't overlap
z--;
// ---- Define the elements of the dd so we can easily refer to them later
var ddTrigger = thisDd.children(":first-child"), //This is what opens the list
ddTriggerText = ddTrigger.find("a span"), //This is the text we will change when a selection is made
ddOptions = ddTrigger.next(), //This is the ul that contains the list items
ddOptionsOffset = ddOptions.offset(); //This is the offset values that we will use later to can detect whether the menu opens off the page
// ---- Populate the lists with the options from the hidden select element
var i = 0,
listHeight = 0;
thisSelectOptions.each(function () {
var thisOption = jQuery(this);
if (jQuery(this).attr("selected")) {
ddTriggerText.text(thisOption.text());
ddOptions.append('
' + thisOption.text() + '' + i + '');
} else {
if (i == 0) {
ddTriggerText.text(thisOption.text());
}
ddOptions.append('
' + thisOption.text() + '' + i + '');
}
var optionHeight = ddOptions.children(":last").outerHeight();
listHeight = listHeight + optionHeight;
i++;
});
// ---- Calculate the width and hide the list so it can be opened later
var ddOptionsWidth = ddOptions.width();
ddOptions.hide();
// ---- Calculate the height
if (listHeight > ddOptions.height()) {
var scrollBarWidth = 17;
} else {
var scrollBarWidth = 0;
}
// ---- If the list is disabled
if (thisSelectDisabled) {
thisDd.addClass("disabled");
ddTrigger.click(function (e) {
return false;
});
// ---- If the list is enabled
} else {
var listOptions = ddOptions.children("li");
listOptions.children("a").click(function () {
var thisListItem = jQuery(this);
thisSelect
.val(thisListItem.children('span.hidden').text())
.children("option")
.removeAttr("selected")
.end()
.children(":eq(" + thisListItem.parent().index() + ")")
.attr("selected", true)
.end()
.trigger("change");
ddTriggerText.text(
thisListItem
.parent()
.addClass("current")
.end()
.children(":first-child")
.text()
);
thisDd.removeClass("open");
ddOptions.slideUp(speed).find("li").removeClass("current");
return false;
});
// ---- check the position of the select list, if it goes off the page then change the default position
ddOptions.css({
"top": (ddTrigger.innerHeight()) + "px",
"width": ddOptionsWidth + scrollBarWidth + "px",
"min-width": ddTrigger.innerWidth()
});
// ---- When the tooltip trigger is clicked the following code executes
ddTrigger.click(function (e) {
e.stopPropagation();
// ---- if the selected class IS NOT present
if (!thisDd.hasClass("open")) {
selects.parent().removeClass("open").children(".options").hide();
thisDd.addClass("open");
ddOptions.stop(true, true).show(speed, function () {
scrollList("", ddOptions.children(".current"), ddOptions);
// ---- unbind document click and keydown to prevent event duplication
theDocument.unbind("click").unbind("keydown");
// ---- set up a click event on the document so if a user clicks outside of the options the options menu closes
theDocument.click(function () {
closeOptions(ddOptions, thisDd);
});
// ---- set up a click event on the options and use stop propagation to prevent the event above bubbling into it
ddOptions.click(function (e) {
e.stopPropagation();
});
// ---- Add a current class to the first option if one hasn't already been set
if (ddOptions.children("li.current").length == 0) {
ddOptions.children("li:first-child").addClass("current");
}
// ---- Add keyboard support: esc closes, up and down move through the options
theDocument.keydown(function (e) {
e.preventDefault(); //Prevents page from scrolling when the up arrow is pressed
if (e.keyCode == 27) { // Capture Esc key 27
closeOptions(ddOptions, thisDd);
} else if (e.keyCode == 13) { // Capture Space key 13
var thisListItem = ddOptions.children(".current");
thisSelect.trigger("change");
thisListItem.addClass("current");
closeOptions(ddOptions, thisDd);
} else if (e.keyCode == 38) { // Capture Arrow Up key 38
var currentItem = ddOptions.children("li.current:not(:first-child)").removeClass("current").prev();
currentItem.addClass("current");
thisSelect.children(":eq(" + currentItem.index() + ")").attr("selected", true);
ddTriggerText.text(ddOptions.children("li.current").children().children(":first-child").text());
scrollList("up", currentItem, ddOptions);
} else if (e.keyCode == 40) { // Capture Arrow Down key 40
var currentItem = ddOptions.children("li.current:not(:last-child)").removeClass("current").next();
currentItem.addClass("current");
thisSelect.children(":eq(" + currentItem.index() + ")").attr("selected", true);
ddTriggerText.text(ddOptions.children("li.current").children().children(":first-child").text());
scrollList("down", currentItem, ddOptions);
}
});
});
}
return false;
});
}
});
}
}