Question

我在向循环中的多个文本输入添加自动完成插件时遇到问题（不返回任何错误）。

// get text inputs to attach autocomplete    
var locinputs = $('#localizations').find('input:text');

// iterate over elements and add autocomplete plugin
        for (var i = 0; i < locinputs.length; i++) {
           // asp.mvc array with special characters replacing 
            var locNameField = locinputs[i].name.replace('[', '\\\\[');
            locNameField = locNameField.replace(']', '\\\\]');
            locNameField = locNameField.replace('.', '\\\\.');

            $('input#' + locNameField).autocomplete('<%=Url.Action("GetCity", "Localization") %>', {
                extraParams: {
                    provinceId: function () { return 21; }
                },
                dataType: 'json',
                parse: function (data) {
                    var rows = new Array();
                    for (var i = 0; i < data.length; i++) {
                        rows[i] = { data: data[i], value: data[i].PlaceId, result: data[i].Name };
                    }
                    return rows;
                },
                formatItem: function (row, i, n) {
                    return row.Name;
                },
                width: 300,
                mustMatch: true,
                multiple: true
            });
        }

加载时没有错误，我尝试使用Firebug进行调试，jquery选择器可以访问元素

<input type="text" name="loc[0].CityNames" id="loc[0].CityNames" value="" />

更正后的陈述 $（'#localizations input：text'）。each（function（）{

            $(this).autocomplete('<%=Url.Action("GetCity", "Localization") %>', {
                extraParams: {
                    provinceId: function () { return 21; }
                },
                dataType: 'json',
                parse: function (data) {
                    var rows = new Array();
                    for (var i = 0; i < data.length; i++) {
                        rows[i] = { data: data[i], value: data[i].PlaceId, result: data[i].Name };
                    }
                    return rows;
                },
                formatItem: function (row, i, n) {
                    return row.Name;
                },
                width: 300,
                mustMatch: true,
                multiple: true
            });
        });

Answer 1

尝试使用jQuery而不是使用for循环。

$('#localizations input:text').each(function() {
    // Your code goes here.
});

还要确保选择器正常工作。在firebug中调试并检查$（'#localizations'）。find（'input：text'）表达式或只是提醒它的大小。

在准备好多个文本输入时添加jquery自动完成

1 个答案: