bootstrap可编辑下拉框jquery.editable-select实例详解

Bootstrap教程】

然后直接请看代码：

引用：

HTML部分：

JS部分：

url返回的json为：[{"dataDictNo":"024001","gbNo":"","name":"千克","nameInitAbbr":"QK","parentNo":"024"}]

ajaxDirect 是变了个花样的ajax，可无视

效果如图：

其它选项设置：

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

以上就是bootstrap可编辑下拉框jquery.editable-select实例详解的详细内容，更多请关注Gxl网其它相关文章！