参数

方法

事件

参数

width - 宽度(可选)

类型:Number,默认值:200

例如:$('.xxx').fselect({width:200})

height - 高度(可选)

类型:Number,默认值:30

例如:$('.xxx').fselect({height:30})

arrowclass - 右侧箭头样式名称(可选)

类型:String(目前仅支持类选择器),默认值:'fselect_arrow'

如需要修改右边箭头图标,需要修改css中代码,并把新的css选择器赋给arrowclass

例如:$('.xxx').fselect({arrowclass:'fselect_arrow'})

colnumber - 下拉显示行数(可选)

类型:Number,默认值:6

例如:$('.xxx').fselect({colnumber:6})

data - 下拉数据

类型:Array(二维数组[[value(String),text(String),true/false(Boolean)]]),默认值:[]

此参数如果不设置,下拉选项中仅有一项 "请选择"

例如:$('.xxx').fselect({data:[]})

此参数数据格式为: [['1','选项一',true],['2','选项二',false]]

defaulttext - 默认显示的选择项

类型:String,默认值:请选择

例如:$('.xxx').fselect({defaulttext:'请选择城市...'})

方法

val(value) - 获取或设置当前下拉列表的值

参数类型:String(要选中的value,类似select中option的value)

此方法类似jquery的val,如果参数_value为空则是获取值,否则为设置.

获取当前选中值$('.xxx').fselect('val')

设置当前下拉值$('.xxx').fselect('val','3')

loaddata(data, callback) - 加载下拉数据

参数类型:data(必选,同参数的data);callback(可选,回调函数)

例如:$('.xxx').fselect('loaddata',[['610100', '西安市', false],['610200', '铜川市', false],['610300', '宝鸡市', true]]);

注意:以前的数据会被清除掉!

additem(data, callback) - 添加下拉项(已存在的下拉项(value相同的)不添加)

参数类型:data(必选,同参数的data);callback(可选,回调函数)

例如:$('.xxx').fselect('additem',[['610000','陕西省']])

removeitem(data, callback) - 删除下拉项

参数类型:data(必选,Array,下拉项value数据[String,String,...]);callback(可选,回调函数)

例如:$('.xxx').fselect('removeitem',['610000','610200'])

disabled(callback) - 禁用下拉列表

参数类型:callback(可选,回调函数)

例如:$('.xxx').fselect('disabled',function(){})

enable(callback) - 启用下拉列表

参数类型:callback(可选,回调函数)

例如:$('.xxx').fselect('enable',function(){})

事件

onselect(callback) - 选中下拉选项后触发

参数类型:callback(可选,回调函数,回调函数可获取当前选中值,格式为['value','name'])

例如:$('.xxx').fselect({'onselect':function(val){return val;}})