3

我正在使用jquery 1.9.1.js和jquery-ui-1.10.3.custom.min.js。我在 IE9 浏览器上运行时出现错误"Unable to get value of the property 'toLowerCase': object is null or undefined"。下面是我的代码。

  $("input[id^='TextBoxAssociate']").autocomplete(
        {
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "CreateEditRequest.aspx/GetEmpNames",
                    data: "{'empName':'" + $(this).val() + "'}",
                    dataType: "json",
                    success: function (data) {
                        response($.map(data.d, function (el) {
                            return {
                                label: el.EmpName,
                                value: el.EmpId
                            };
                        }));
                    },
                    error: function (result) {
                        alert("Error");
                    }
                });
            }

当我评论 response($.map(data.d, function (el) { ... }部分时，没有错误，也没有输出。版本控制或浏览器兼容性可能存在问题。我也试过ie8。也通过添加检查 

<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />

但不适用于我并在标题中显示上述消息。

jquery.1.9.1.js 中出现错误

val: function( value ) {
    var ret, hooks, isFunction,
        elem = this[0];
    if ( !arguments.length ) {
        if ( elem ) {
            hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];

            if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
                return ret;
            }
            ret = elem.value;
            return typeof ret === "string" ?
                // handle most common string cases
                ret.replace(rreturn, "") :
                // handle cases where value is null/undef or number
                ret == null ? "" : ret;
        }

        return;
    }
4

1 回答 1

4

在jQuery UI 的自动完成上，this不会持有对相关的input. 它可能会引用新创建的函数，但这没有记录。

要实现您想要的，您有两种选择：

如果您只想在输入中输入文本

然后，这是记录在案的，使用request.term（它是一个字符串）：

$("input[id^='TextBoxAssociate']").autocomplete({
    source: function (request, response) {
        $.ajax({
            // ...
            data: "{'empName':'" + request.term + "'}", // <--------------------
            // ...
        });
    });

如果您希望将实际元素绑定到autocomplete

在这种情况下，您必须将元素保存在.autocomplete()调用外部的变量中。

由于"input[id^='TextBoxAssociate']"可能会返回几个元素，因此您必须使用.each()循环：

$("input[id^='TextBoxAssociate']").each(function () {
    var myElement = $(this);
    myElement.autocomplete({
    source: function (request, response) {
        $.ajax({
            // ...
            data: "{'empName':'" + myElement.val() + "'}", // <-----------------
            // ...
        });
    }
});

在这种方法中，其他 jQuery 函数，例如.attr()和 else，将myElement照常使用。

于 2013-11-11T14:13:01.683 回答