本文主要介绍了bootstrap可编辑下拉框jquery.editable-select的相关资料，需要的朋友可以参考下，希望能帮助到大家。
Bootstrap教程】
然后直接请看代码：
引用：
登录后复制
HTML部分：
用量
登录后复制
JS部分：
ajaxDirect(contextPath + "/admin/getDataDictAll/024",{},function(data){var htm = "";for ( var int = 0; int "+ 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教程
Bootstrap教程
Bootstrap教程
以上就是bootstrap可编辑下拉框jquery.editable-select实例详解的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2789155.html
