selectArray

var selectArray = new Array();

/**
* ÈÃFlexÏÂÀ­¿òÑ¡ÖÐijһֵ
*/
function setFlexValue(selectId,value) {
if(getFlexSelect(selectId)) {
getFlexSelect(selectId).setValue(value);
} else {
alert("ûÓÐÕÒµ½Ñ¡ÔñÏî");
}
}
/**
* È¡FlexÏÂÀ­¿òÖµ
*/
function getFlexValue(selectId) {
if(getFlexSelect(selectId)) {
return getFlexSelect(selectId).getValue();
} else {
alert("ûÓÐÕÒµ½Ñ¡ÔñÏî");
}
}
/**
* È¡FlexÏÂÀ­¿òÎı¾
*/
function getFlexText(selectId) {
if(getFlexSelect(selectId)) {
return getFlexSelect(selectId).getText();
} else {
alert("ûÓÐÕÒµ½Ñ¡ÔñÏî");
}
}
/**
* FlexÏÂÀ­¿òÖµÔö¼ÓÒ»ÅúÑ¡Ïî
*/
function addFlexOptions(selectId,objArray) {
if(this.selectArray!=undefined&&objArray!=undefined) {
for(var j=0;j<objArray.length;j++) {
addOption(selectId,objArray[j].name,objArray[j].value);
}
}
}
/**
* Çå¿ÕFlexÏÂÀ­¿òËùÓÐÑ¡Ïî
*/
function emptyFlex(selectId) {
if(getFlexSelect(selectId)) {
getFlexSelect(selectId).removeOption();
} else {
alert("ûÓÐÕÒµ½Ñ¡ÔñÏî");
}
}
/**
* Çå¿ÕFlexÏÂÀ­¿òËùÓÐÑ¡Ïî²¢±£ÁôÒ»¸öĬÈÏoption
*/
function emptyFlexSetDefVal(selectId, def) {
if(getFlexSelect(selectId)) {
getFlexSelect(selectId).removeOption();
addFlexOption(selectId,def['name'],def['value']) ;
} else {
alert("ûÓÐÕÒµ½Ñ¡ÔñÏî");
}
}
/**
* FlexÏÂÀ­¿òÖµÔö¼ÓÒ»¸öÑ¡Ïî
*/
function addFlexOption(selectId,name,value) {
if(getFlexSelect(selectId)) {
getFlexSelect(selectId).addOption(name,value);
} else {
alert("ûÓÐÕÒµ½Ñ¡ÔñÏî");
}
}
/**
* FlexÏÂÀ­¿ò½ûÓã¨Ö»½ûÓÃInput£¬Hidden±£Áô£©
*/
function setFlexDisabled(selectId) {
if(getFlexSelect(selectId)) {
getFlexSelect(selectId).disabled();
} else {
alert("ûÓÐÕÒµ½Ñ¡ÔñÏî");
}
}

function getFlexSelect(selectId) {

if(this.selectArray!=undefined) {
for(var i=0;i<selectArray.length;i++) {
if(selectArray[i].id==selectId) {
return selectArray[i].selectObject;
}
}
}
return undefined;
}
(function($) {
$.flexselect = function(select, options) { this.init(select, options); };

$.extend($.flexselect.prototype, {
settings: {
allowMismatch: false,
selectedClass: "flexselect_selected",
dropdownClass: "flexselect_dropdown",
inputClass:"flexselect_input",
inputIdTransform: function(id) { return id + "_flexselect"; },
inputNameTransform: function(name) { return; },
dropdownIdTransform: function(id) { return id + "_flexselect_dropdown"; }
},
select: null,
input: null,
hidden: null,
dropdown: null,
dropdownList: null,
cache: [],
results: [],
lastAbbreviation: null,
abbreviationBeforeFocus: null,
selectedIndex: 0,
picked: false,
dropdownMouseover: false, // Workaround for poor IE behaviors
inputMouseover: false,
myevent : null,
init: function(select, options) {
$.extend(this.settings, options);
this.select = $(select);
this.preloadCache();
this.renderControls();
this.wire();
},

preloadCache: function() {
this.cache = this.select.children("option").map(function() {
return { name: $.trim($(this).text()), value: $(this).val(), score: 0.0 };
});
},
renderControls: function() {
var selected = this.select.children("option:selected");

this.hidden = $("<input type='hidden'/>").attr({
id: this.select.attr("id"),
name: this.select.attr("name")
});
this.hidden.val(selected.val());
this.input = $("<input type='text' autocomplete='off' />").attr({
id: this.settings.inputIdTransform(this.select.attr("id")),
name: this.settings.inputNameTransform(this.select.attr("name")),
accesskey: this.select.attr("accesskey"),
tabindex: this.select.attr("tabindex"),
style: this.select.attr("style")
}).addClass(this.settings.inputClass)
.bind('onchange1',this.select.attr("onchange")||function(){}).
val($.trim(selected.text()));

this.myevent = $("<iframe style='z-index:-1;background-color: #E6E4E7; ' scrolling='no' frameborder='0'></iframe>");
this.dropdown = $("<div style='height:150px;width:100% ;overflow-x:hidden; ' scrolling='no'></div>").attr({
id: this.settings.dropdownIdTransform(this.select.attr("id"))
}).addClass(this.settings.dropdownClass);
this.dropdown.append(this.myevent);
this.dropdownList = $("<ul></ul>");
this.dropdown.append(this.dropdownList);
// this.input.after($('<img class="button" src="dropdown.gif" />'));
this.select.after(this.input).after(this.hidden).remove();
$("body").append(this.dropdown);

},
wire: function() {
var self = this;

this.input.click(function() {
self.lastAbbreviation = null;
self.focus();
});

this.input.mouseup(function(event) {
event.preventDefault();
});

this.input.focus(function() {
self.abbreviationBeforeFocus = self.input.val();
self.input.select();
//if (!self.picked)
self.filterResults(true);
});

this.input.blur(function() {
if (!self.dropdownMouseover) {
self.hide();
if (!self.picked) self.reset();
}
});
this.dropdownList.mouseover(function (event) {
if (event.target.tagName == "LI") {
var rows = self.dropdown.find("li");
self.markSelected(rows.index($(event.target)));
}
});
this.dropdownList.mouseleave(function () {
self.markSelected(-1);
});
this.dropdownList.mouseup(function (event) {
self.pickSelected();
self.focusAndHide();
});
this.dropdown.mouseover(function (event) {
self.dropdownMouseover = true;
});
this.dropdown.mouseleave(function (event) {
self.dropdownMouseover = false;
self.focusAndHide();
});
this.input.mouseover(function (event) {
self.inputMouseover = true;
});
this.input.mouseleave(function (event) {
self.inputMouseover = false;
});
this.dropdown.mousedown(function (event) {
event.preventDefault();
});

this.input.keyup(function(event) {
switch (event.keyCode) {
case 13: // return
event.preventDefault();
self.pickSelected();
self.focusAndHide();
break;
case 27: // esc
event.preventDefault();
self.reset();
self.focusAndHide();
break;
default:
self.filterResults();
break;
}
});

this.input.keydown(function(event) {
switch (event.keyCode) {
case 9: // tab
self.pickSelected();
self.hide();
break;
case 33: // pgup
event.preventDefault();
self.markFirst();
break;
case 34: // pgedown
event.preventDefault();
self.markLast();
break;
case 38: // up
event.preventDefault();
self.moveSelected(-1);
break;
case 40: // down
event.preventDefault();
self.moveSelected(1);
break;
case 13: // return
case 27: // esc
event.preventDefault();
event.stopPropagation();
break;
}
});
},

filterResults: function(focs) {
var abbreviation = this.input.val();
if (abbreviation == this.lastAbbreviation){return;}

var results = [];
$.each(this.cache, function() {
this.score = LiquidMetal.score(this.name, abbreviation);
if(focs) {
if (this.score >= 0.0) results.push(this);
} else{
if (this.score > 0.0) results.push(this);
}

});
this.results = results;

this.sortResults();
this.renderDropdown();
this.markFirst();
this.lastAbbreviation = abbreviation;
this.picked = false;
},
sortResults: function() {
this.results.sort(function(a, b) { return b.score - a.score; });
},

renderDropdown: function() {
var dropdownBorderWidth = this.dropdown.outerWidth() - this.dropdown.innerWidth();
var inputOffset = this.input.offset();
this.dropdown.css({
width: (this.input.outerWidth() - dropdownBorderWidth) + "px",
top: (inputOffset.top + this.input.outerHeight()) + "px",
left: inputOffset.left + "px",
Height:"150px",
overflow:'auto'
})
var list = this.dropdownList.html("");
$.each(this.results, function() {
// list.append($("<li/>").html(this.name + " <small>[" + Math.round(this.score*100)/100 + "]</small>"));
list.append($("<li/>").html(this.name));
});
this.dropdown.show();
var frameHeight = (this.input.outerHeight()*(this.results.length));
frameHeight = frameHeight<150?'150':frameHeight;
this.myevent.css({
position: 'absolute',
width: (this.input.outerWidth() - dropdownBorderWidth-1) + "px",
top:"0px",
left: "0px",
height:frameHeight+'px'
})
},

markSelected: function(n) {
if (n > this.results.length) return;

var rows = this.dropdown.find("li");
rows.removeClass(this.settings.selectedClass);
this.selectedIndex = n;

if (n >= 0) $(rows[n]).addClass(this.settings.selectedClass);
},

pickSelected: function() {

var selected = this.results[this.selectedIndex];
var oldValue=this.hidden.val();
if (selected) {
this.input.val(selected.name);
this.hidden.val(selected.value);
this.picked = true;
if(selected.value!=oldValue)
this.input.trigger("onchange1") ;
} else if (this.settings.allowMismatch) {
this.hidden.val("");
} else {
this.reset();
}
},
addOption: function(a,b) {
var obj = new Object();
obj.name=a;
obj.value=b;
obj.score="0.0";
this.cache.push(obj);
//µÚÒ»¸öÔªËØ×Ô¶¯Ñ¡ÖÐ
if(this.cache.length==1) {
this.setValue(b);
}
},
removeOption: function() {
this.input.val("");
this.hidden.val("");
this.cache = [];
},
hide: function() {
this.dropdown.hide();
this.lastAbbreviation = null;
},
setValue: function(value){
var hide = this.hidden;
var thisin = this.input;
$.each(this.cache, function() {
if(this.value==value){
hide.val(value);
thisin.val(this.name);
}
});
},
getValue: function(){
return this.hidden.val();
},
getText: function(){
return this.input.val();
},
disabled: function() {
this.input.attr("disabled",true);
},
moveSelected: function(n) { this.markSelected(this.selectedIndex+n); },
markFirst: function() { this.markSelected(0); },
markLast: function() { this.markSelected(this.results.length - 1); },
reset: function() { this.input.val(this.abbreviationBeforeFocus); },
focus: function() { this.input.focus(); },
focusAndHide: function() { this.focus; this.hide(); }
});

$.fn.flexselect = function(options) {
this.each(function() {
if (this.tagName == "SELECT"){
var temp = new $.flexselect(this, options);
var obj = new Object();
obj.id=this.id;
obj.selectObject = temp;
selectArray.push(obj);
}
});
return this;
};
})(jQuery);