Ajout de la saisie semi-automatique jquery sur plusieurs entrées de texte

Question

J'ai un problème lors de l'ajout de plug-in auto-complétion à plusieurs entrées de texte en boucle (aucune erreur n'est renvoyée).

// 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 
      }); 
     } 

Il n'y a pas d'erreur sur le chargement, j'ai essayé de débogage à l'aide Firebug, les éléments sont accessibles par le sélecteur jquery

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

déclaration corrigée

$. ('Entrée Localisations #: text') chacun (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

Essayez d'utiliser jQuery chaque lieu d'utiliser la boucle.

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

Assurez-vous également que le sélecteur fonctionne correctement. Déboguez dans firebug et inspectez l'expression $ ('# localisations'). Find ('input: text') ou alertez simplement sa taille.