使用单个搜索框组合文本框和下拉字段的 JQuery 搜索

Posted

技术标签:

【中文标题】使用单个搜索框组合文本框和下拉字段的 JQuery 搜索【英文标题】:JQuery search for combining textbox and dropdown fields using single searchbox 【发布时间】:2016-09-15 19:48:59 【问题描述】:

我有一个用于一个字段的下拉框和一个用于其他字段的文本框搜索。我需要将这些搜索合并到一个搜索中。下面的代码不会将两个搜索合并为一个搜索。我需要结合这两个搜索结果并产生一个输出。如何合并两个搜索?

function onSearch() 
    var q = $("#textboxsearch").val();
    var drop1;
    var drop = $("#dropdown option:selected").val() == "" ? 
        q : ($("#dropdown").val() == "True" ? true : false);

    var grid = $("#grid").data("kendoGrid");
    grid.dataSource.query(
        page: 1,
        pageSize: 10,
        filter: 
            logic: "or",
            filters: [
                 field: "Name", operator: "contains", value: q ,
                 field: "Project", operator: "contains", value: q ,
                 field: "Id", operator: "contains", value: q ,
                 field: "Type", operator: "contains", value: q ,
                 field: "Usage", operator: "contains", value: q ,
                 field: "Builder", operator: "contains", value: q ,
                 field: "Status", operator: "contains", value: q ,
                 field: "Group", operator: "contains", value: q ,
            ],                                         
            logic: "and",
            filters: [
                 field: "IsActive", operator: "contains", value: drop 
            ]
        
    );
                               

【问题讨论】:

【参考方案1】:
var drop = $("#dropdown option:selected").val() == "" ?  q : ($("#dropdown").val() == "True" ? true : false);

将上面的行替换为下面

var drop = $("#dropdown").val();

【讨论】:

我已经改变了这个条件,但它也没有像预期的那样给出结果 它没有显示任何错误。通过组合两个过滤器需要输出,但它没有给出这两者的组合。 逻辑和过滤器是我认为的问题 我上面提到的代码只给出了下拉值的结果,而不是文本框字段搜索值的结果。

以上是关于使用单个搜索框组合文本框和下拉字段的 JQuery 搜索的主要内容,如果未能解决你的问题,请参考以下文章

表单提交后怎么样才能不清空文本框和下拉框的值呢?

Jquery学习笔记:操作form表单元素之一(文本框和下拉框)

如何同步组合框和文本字段值。即如何从存储在文本字段中加载不同的值,而我正在更改组合框上的值

组合框和列表框不显示文本文件的内容

如何在VBA中的用户窗体上使用组合框和文本框来搜索和查找活动Excel电子表格中的数据?

angularJS 可编辑下拉选项框