下载链接地址：链接： https://pan.baidu.com/s/1pLl0uCj密码： cd59

然后直接请看代码：

引用：

脚本类型=' text/JavaScript ' src=' http : $ { context path }/RES/sys/scripts/jquery。可编辑-选择。量滴js '/脚本链接href=' $ {上下文路径}/RES/sys/scripts/CSS/jquery。可编辑-选择。量滴CSS“rel=”外部no follow“rel=”样式表超文本标记语言部分：

/trtrth valgn=' middle ' H4用量/H4/thtd valgn='中间'样式='宽度：28% '输入类型=' text ' class=' form _ input form-control ' id=' num ' name=' num ' value=' $ { map。get(' input _ value ')} '占位符=' '/TD valgn=' middle ' style=' width 336027% '选择id=' NuMunit ' name=' NuMunit ' class=' form-control '/select/TD/trJS部分：

Ajax direct(上下文路径'/admin/getdatasteller/024 '，{}，function(data){ var htm=' '；for(var int=0；int data . length int){ htm=' option value=' data[int].名称'''数据[int].name '/option '；}$('#numUnit ').html(html)；$('#numUnit ').可编辑选择({效果3360 '幻灯片'//设置可编辑其它可选参数default、fade })；$('#numUnit ').val(数据[0]。姓名);//设置默认值});全球资源定位器(统一资源定位符)返回的json为：[{'dataDictNo':'024001 '，' gbNo': '，' name': '千克、"名称缩写：“QK”、父母编号":"024"}]

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

/*** 返回JSON形式的数据* @param url地址* @param数据参数* @param函数返回函数* @param异步是否异步*/函数ajaxDirect(url ),数据、func、async){if(！async){ async=false；}$.ajax({url:url，type:'post '，dataType:'json '，async:async，data:data，success : func })；}效果如图：

其它选项设置：

过滤器：过滤，即当输入内容时下拉选项会匹配输入的字符，支持中文，真/假，默认真的。

效果：动画效果，当触发弹出下拉选择框时的下拉框展示过渡效果，有默认、滑动、淡入三个值，默认是默认设置。

持续时间：下拉选项框展示的过渡动画速度，有快，慢，以及数字（毫秒),默认是快。

事件

onCreate:当输入时触发。

如何：当下拉时触发。

在侧面：当下拉框隐藏时触发。

选择时：当下拉框中的选项被选中时触发。