EasyUI：如何判断手动输入的值在combobox下拉框中是否存在

最新推荐文章于 2021-08-12 16:46:40 发布

lkforce

最新推荐文章于 2021-08-12 16:46:40 发布

阅读量5.6k

点赞数 5

CC 4.0 BY-SA版权

分类专栏：框架文章标签： combobox 存在 EasyUI 手动

本文链接：https://blog.youkuaiyun.com/lkforce/article/details/84884002

框架专栏收录该内容

63 篇文章

订阅专栏

本文探讨了EasyUI的combobox组件特性，包括其模糊查询功能和默认选中完全匹配项的行为。针对combobox允许提交未列出值的问题，提供了一个JavaScript函数用于验证输入值是否存在于下拉列表中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

EasyUI的combobox下拉框是一个不错的功能，不但支持了下拉框本身的功能，还附带了模糊查询的功能，虽然只能是ABC*这种前置模式。

另外，如果输入的文字和下拉框中的某一条选项完全相同，而且只有一条选项相同时（注意，这里不能是模糊的，必须完全一致），该条选项将被默认选中。

这种输入文字的下拉框带来方便的同时也会带来问题：即使输入的文字和下拉框里可选的选项不符，也可以被提交。这一点比较离谱。

可以用以下方法对输入的值进行校验，看是否在下拉框中存在，方法的参数是下拉框的id：

//校验Combobox输入的文字是否包含在下拉框中，true代表包含，false代表不包含

function checkComboBoxValue(id){

        
         var value=$("#"+id).combobox('getValue');

         var valueField = $("#"+id).combobox("options").valueField;

         var allData = $("#"+id).combobox("getData");

         var result = false;

         for (var i = 0; i < allData.length; i++) {

                   if (value == allData[i][valueField]) {

                            result = true;

                            break;

                   }

         }

         return result;

}

以上