转载 + 原创：：easyui combobox 模糊匹配 +实现匹配字段存在者显示，不存在则为空

最新推荐文章于 2024-07-11 15:11:34 发布

selfImprove_x

最新推荐文章于 2024-07-11 15:11:34 发布

阅读量4k

点赞数

分类专栏：学习笔记文章标签： easyui web

本文链接：https://blog.csdn.net/u012608167/article/details/51282228

版权

这篇博客介绍了如何使用EasyUI的ComboBox实现模糊查询和验证输入值是否存在于下拉列表中。提供了详细的JavaScript代码示例，包括ComboBox的配置、过滤函数以及验证输入值不在列表时清空选项的方法。

摘要由CSDN通过智能技术生成

easyui combobox下拉效果可输入模糊查询
<link rel="stylesheet" type="text/css" href="${rc.contextPath}/css/themes/default/easyui.css">
<script type="text/javascript" src="${rc.contextPath}/js/jquery/jquery.easyui.min.js"></script>

判断输入值在下拉列表是否存在
var nameStr ='';
    $(document).ready(function(){

        $('#customerId').combobox({
            prompt:'请输入或选择客户名称',
            url:'${rc.contextPath}/sale/findBusinessPartnerByName',
            valueField:'id',
            textField:'text' ,
            onClick: function(node) {
                attributeShow($("#customerId").combotree("getValue"));
            },
            filter: function(q, row){
                var opts = $(this).combobox('options');