Question

更新：我的问题变得简单多了。我该怎么办：

 var query = $(":input[name=filter]").val(),

以$("select[name=PR_Type]").val(),作为参数？我尝试过这样的事情：

var query = $(":input[name=filter]").val() || $("select[name=PR_Type]").val(),

但这只需要$（“ select [name = PR_Type]”）。val（），作为过滤结果...

我正在尝试根据从选择框中选择的值来过滤结果。 renderResult()函数呈现一个网格，该网格具有一些标签和呈现的数据，看起来像这样：

renderResult: function () {
 var query = $(":input[name=filter]").val(),
 querySelect = $("select[name=PR_Type]").val(),
 queryRegexp = query === "" ? undefined : new RegExp(query, "i"), 
 console.time("productos.renderResult()");
     $("#result").html("");
         productos.sort();
     $.each(productos.models, function (i, row) {
     if (!row.transformed) {...

所以我想出了这样的东西：

$('[name=PR_Type]').on('change', function (event) {

        var selection = $(this).val(), //Changed here and now I get the value

        products.renderResult(selection);
    });

和这样的选择框：

<select name="PR_Type"></select>

此选择框从连接到Servlet的json文件获取其值。这就是我将选项设置到选择框的方式：

 var types = [];
    for (var type in productos.productosTypes) types.push(productos.productosTypes[type] + "|" + type);
    $("[name=PR_Type]").setOptions(types);

我还创建了一个函数来获取值以执行以下操作：

this.getValue("PR_Type"),

但我不确定如何再实现

getValue: function (name) {
        var $elemSelect = $("select[name=" + name + "]");
        return $elemSelect.val() ? escape($elemSelect.val()) : "";
    },

我知道我在$（'[name = PR_Type]'）。on（'change'，function（event）{上漏了一些东西，但我不确定这是什么。在此先感谢大家的建议！

Answer 1

已解决！所有问题都存在于renderResult（）中，我试图查看selectbox值为空还是null，这是错误的。我应该看看它是否为null ori undefined，然后如果有气味，我必须更改一下regExp。所以最后我改变了这个：

querySelect = $("select[name=PR_Type]").val(),
queryRegexp = query === "" ? undefined : new RegExp(query, "i"),

并添加了此内容：

querySelectRegexp = querySelect === null ? undefined : new RegExp(querySelect, "i"),

所以现在看起来像这样：

renderResult: function () {
        var query = $(":input[name=filter]").val(),
            querySelect = $("select[name=PR_Type]").val(),
            queryRegexp = query === "" ? undefined : new RegExp(query, "i"), 
            querySelectRegexp = querySelect === null ? undefined : new RegExp(querySelect, "i"),

还有regExp如果气味是这样的：

  if (querySelectRegexp !== undefined) {

                    if (queryRegexp !== undefined) {
                        if (row.name.match(queryRegexp)) {
                            row.classes = row.classes.replace(/hide/g, "");
                        } else {
                            if (row.classes.indexOf("hide") === -1) {
                                row.classes += " hide";
                            }
                        }
                    } else if (querySelectRegexp !== undefined) { (row.type.match(querySelectRegexp)) {
                            row.classes = row.classes.replace(/hide/g, "");
                        } else {
                            if (row.classes.indexOf("hide") === -1) {
                                row.classes += " hide";
                            }
                        }
                    } else {
                        row.classes = row.classes.replace(/hide/g, "");
                    }

现在看起来像这样：

  if (querySelectRegexp !== undefined) {
                        if (row.type.match(querySelectRegexp)) {
                            row.classes = row.classes.replace(/hide/g, "");
                        } else {
                            if (row.classes.indexOf("hide") === -1) {
                                row.classes += " hide";
                            }
                        }
                    }
                    if (queryRegexp !== undefined) {
                        if (row.name.match(queryRegexp)) {
                            row.classes = row.classes.replace(/hide/g, "");
                        } else {
                            if (row.classes.indexOf("hide") === -1) {
                                row.classes += " hide";
                            }
                        }
                    } else {
                        row.classes = row.classes.replace(/hide/g, "");
                    }

从jquery

1 个答案: