web前端|js教程
jquery.editable-select,bootstrap,实例
web前端-js教程
本文主要介绍了bootstrap可编辑下拉框jquery.editable-select的相关资料,需要的朋友可以参考下,希望能帮助到大家。
商品推广源码,ubuntu换源root,tomcat7下载安装后,量化交易需要爬虫,php有32位编码的函数么,seo rita教学lzw
Bootstrap教学】
体育投注网站源码,vscode最佳扩展,ubuntu镜像文件下载,tomcat查看端口,sqlite 删除语句,网页设计软件,更新数据库sql语句,网站服务器镜像,文库插件,前端框架bootstrap学习,如何识别爬虫,php 官网,采集seo,监控springboot,dedecms首页文档列表无刷新顶踩调用标签以及教程,移动端漂亮网站,网页字体倾斜,织梦培训模板免费下载,js后台框架,前端系统页面模板,医院门诊管理系统代码,bt搜索小偷程序lzw
然后直接请看代码:
微信app商城源码,ubuntu 打字小游戏,python爬虫取数,) dede php,介休seo公司lzw
引用:
HTML部分:
用量
JS部分:
ajaxDirect(contextPath + "/admin/getDataDictAll/024",{},function(data){var htm = "";for ( var int = 0; int < data.length; int++) {htm += ""+ data[int].name +"";}$(#numUnit).html(htm); $(#numUnit).editableSelect({ effects: slide //设置可编辑 其它可选参数default、fade });$(#numUnit).val(data[0].name); //设置默认值});
url返回的json为:[{"dataDictNo":"024001","gbNo":"","name":"千克","nameInitAbbr":"QK","parentNo":"024"}]
ajaxDirect 是变了个花样的ajax,可无视
/*** 返回JSON形式的数据* @param url 地址* @param data 参数* @param func 返回函数* @param async 是否异步*/function ajaxDirect(url,data,func,async){if(!async){async = false;}$.ajax({url:url,type:"post",dataType:"json",async:async,data:data,success:func});}
效果如图:
其它选项设置:
filter:过滤,即当输入内容时下拉选项会匹配输入的字符,支持中文,true/false,默认true。
effects:动画效果,当触发弹出下拉选择框时的下拉框展示过渡效果,有default,slide,fade三个值,默认是default。
duration:下拉选项框展示的过渡动画速度,有fast,slow,以及数字(毫秒),默认是fast。
事件
onCreate:当输入时触发。
onShow:当下拉时触发。
onHide:当下拉框隐藏时触发。
onSelect:当下拉框中的选项被选中时触发。
bootstrap可编辑下拉框jquery.editable-select的写法
可编辑下拉框的2种实现方式_javascript技巧
基于jquery实现的可编辑下拉框实现代码_jquery