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
