和大家一样,可能度翻天,似乎都不太好找到 jquery UI combobox,如何手动设置选项的方法。
官网:http://api.jqueryui.com/autocomplete
正好项目中有用到此功能,那就自造这个插件方法吧
1.selectListIndex 方法 (索引为0清空)
$.fn.selectListIndex=function(index){
if( ! /^\d+$/.test(index || 0) ) return;
if( this.is('select') && this.find('option').length>0 ){
var optionValue=this.find('option').eq(index ).text();
this.find('option').attr("selected", false);
this.find('option').eq(index).attr("selected", true);
//combobox
this.next('.custom-combobox').find('.custom-combobox-input').val(optionValue);
this.triggerHandler('change');
}
};
2.selectListValue方法
$.fn.selectListValue=function(value){
if( value==null || value==undefined ) { return; };
if(this.is('select') && this.find('option').length) {
var index = -1 ;
$.each(this.find('option') ,function(key,el){
if ( value == $(el).attr('value') ){
index = key;
return true;
}
});
if (index>-1) this.selectListIndex(index);
}
};