Jquery 用DropDownList问题替换Telerik过滤器文本框

我正在覆盖基本Telerik过滤器，它看起来像：

我把它改成这样：

我在Telerik GRID中处理它，同时加载GRID.OnLoad（“onListingLoad”），如下所示：

        $(this).find("a.t-link:contains('State')").nextUntil().children(".t-filter").click(function () {
        setTimeout(function () {

            $(".t-filter-help-text:contains('And')").nextUntil(".t-button").andSelf().remove();

            $(".t-filter-operator").each(function () {
                $(this).val("substringof");
            });

            var select = "<select id='customFilter' data-val='false'> \
                            <option value=''>[Select State]</option> \
                            <option value='Approved'>Approved</option> \
                            <option value='Assigned'>Assigned</option> \
                            <option value='End State'>End State</option> \
                        </select>";
            $("#documentListing").find(":text").replaceWith(select);

        });
    });

错误是：

“未捕获的TypeError:无法读取未定义的属性'param'”

我试图从新的DropDownList中删除规则，或者在删除之前从文本框中复制规则，但没有成功

---

非常感谢您的帮助。

我的猜测是，

规则

仍然包含对要删除以更改过滤器外观的元素的引用。当您为筛选器选择

.remove（）

时，也要从

规则中删除该元素。
谢谢您的回复。我试图按照webnoob的建议删除规则，但没有成功，问题似乎出在新的“select”元素中，我想知道是否有办法停止为这个新元素触发规则。
normalizeRules: function(rules, element) {
                            // handle dependency check
                            $.each(rules, function(prop, val) {
                                            // ignore rule when param is explicitly false, eg. required:false
                                            if (val === false) {
                                                            delete rules[prop];
                                                            return;
                                            }
                                            if (val.param || val.depends) {