select下拉框插件jquery.editable-select详解
项目中有个需求,下拉框既可以下拉选择,也可以手动填写
创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站建设、成都网站制作、应城网络推广、小程序制作、应城网络营销、应城企业策划、应城品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供应城建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
html代码
数据来源
js代码
$('#noMean').editableSelect({ filter:false, effects: 'fade', duration: 200, onCreate:function () { console.log("下拉框创建") }, onShow:function () { console.log("下拉框显示") }, onHide:function () { console.log("下拉框隐藏") }, onSelect:function () { console.log("下拉框选项被选中") } }
获取值
$(".noMean").val()
用了这个插件以后,这块是一个input,type="text"
参数
filter 选择option以后,是否过滤 默认 true
effects 点击的时候,下拉框的过渡效果 有default,slide,fade三个值,默认是default
duration 过渡效果时间 默认是fast 值可以是fast和slow,也可以是数字
appendTo 下拉框如果弹出框效果,这个值才会用到,显示把它加载到哪里
trigger 下拉框列表如何触发 值是"focus", "manual" 默认是focus
方法
onCreate:当editableSelect方法生效时触发。
onShow:当下拉框出现时触发。
onHide:当下拉框隐藏时触发。
onSelect:当下拉框中的选项被选中时触发。
参考地址:
https://www.npmjs.com/package/jquery-editable-select npm安装
http://indrimuska.github.io/jquery-editable-select/ demo地址
https://github.com/zhaobao1830/jquery-editable-select 下载地址
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持创新互联!
文章标题:select下拉框插件jquery.editable-select详解
文章出自:http://scyanting.com/article/pgdhhi.html