网站功能定制合同,怎样交换友情链接,阿里云怎么注册域名,济南seo网站建站前引#xff1a; easyui下拉组件#xff08;combobox#xff09;#xff0c;输入检索下拉内容#xff0c;是默认的右模糊匹配#xff0c;而且不支持选择。因业务要求需要做成全模糊查询#xff0c;目前网上搜索有两种方案#xff1a; 1.修改easyui源码#xff0c;这个…前引 easyui下拉组件combobox输入检索下拉内容是默认的右模糊匹配而且不支持选择。因业务要求需要做成全模糊查询目前网上搜索有两种方案 1.修改easyui源码这个得看运气每个项目easyui版本不相同文章里提供的源码位置我这个版本没有对应上 2.自己改装下拉组件这个非常耗时而且不稳定。 成果展示 开发思路 easyui的下拉组件进行输入检索时将不满足匹配的下拉选项隐藏起来。这里我们只需要在onChange方法里将当前下拉框输入的内容和所有下拉选项去全模糊匹配将满足的拉项显示出来即可 代码
selectidtestclasseasyui-comboboxstylewidth:150px;data-optionsvalueField:code,textField:name,panelHeight:200,editable:true,onChange: function(newValue, oldValue) {// 获取到所有下拉框元素$.each($(.combo-p), function(i, n){// 只操作显示的下拉框元素if (i, $(n).css(display) block) {// 得到下拉框元素下所有的下拉选项let options $(n).find(div .combobox-item)$.each(options, function(i, n){// 进行全模糊匹配匹配成功显示下拉选项let val $(n).text()if (val val.indexOf(newValue) 0) {$(n).css(display, block)}})}})}
option value1湖南/optionoption value2湖北/optionoption value3武汉/optionoption value4北京/optionoption value5上海/optionoption value6天津/optionoption value7南昌/optionoption value8内蒙古/optionoption value9新疆/option
/select
