autocomplete a filas dinamicas

[andres_15_]

buen día, estoy realizando un formulario donde agrego filas de manera dinamica, aqui el codigo

Código Javascript:

function fnAnadirFila(){
 
 
    strhtml="<tr id='fila"+gblIdRowAnadidas+"'>";
    strhtml+="</tr>";
    $(strhtml).appendTo(".filamas");
    $("#selProductos_descripcion").clone(true).attr({name:"selProductos_descripcion"+gblIdRowAnadidas,id:"selProductos_descripcion"+gblIdRowAnadidas}).appendTo("#fila"+gblIdRowAnadidas);
    strhtmldel="<td><span class='ui-icon ui-icon-closethick' onclick='fnEliminarFila(\"fila"+gblIdRowAnadidas+"\")'></span></td>";
    $(strhtmldel).appendTo("#fila"+gblIdRowAnadidas);
 
    var filaidautocomplete="selProductos_descripcion"+gblIdRowAnadidas;
 
    fnSearchProductos_descripciones(filaidautocomplete);
}
 

y quiero realizar un autocomplete a las filas. Ahora el problema radica en que en la primera fila si hace el autocomplete, pero en la segunda fila y las demas no lo hace, ¿Por qué?.

Aqui el codigo del autocomplete

Código Javascript:

function fnSearchProductos_descripciones(idfilaautocomplete){
 
     if(typeof(idfilaautocomplete)!='undefined'){
 
        $.ajax({
            url: $.fn.encoded_url_controller('productos/colores/select_desc'),
            type:'POST',
            dataType:'json',
            async:false,
            beforeSend:function(){
                $('#divPreloadAddEdit').preload('Cargando Cambios...');
            },
            error:function(jqXHR,textStatus,errorThrown){
                $.fn.errorResponse(jqXHR.responseText);
            },
            success: function(msg){
                if($.fn.validateResponse(msg,'divPreloadAddEdit')){
                        coloresfila=[];
                        for (var i = 0; i < msg.rows[0]['descripcion'].length; i++) {
                            if(msg.rows[0]['descripcion'][i]['descripcion']!=''){
                                
                                    coloresfila.push(msg.rows[0]['descripcion'][i]['descripcion']);   
                            }
                        };
 
                        $("#selProductos_descripcion1").autocomplete({
                            source:coloresfila
                        });
                    
                }
            }
        });
    }
 
 
    else{
 
        $.ajax({
            url: $.fn.encoded_url_controller('productos/colores/select_desc'),
            type:'POST',
            dataType:'json',
            async:false,
            beforeSend:function(){
                $('#divPreloadAddEdit').preload('Cargando Cambios...');
            },
            error:function(jqXHR,textStatus,errorThrown){
                $.fn.errorResponse(jqXHR.responseText);
            },
            success: function(msg){
                if($.fn.validateResponse(msg,'divPreloadAddEdit')){
                        colores=[];
                        for (var i = 0; i < msg.rows[0]['descripcion'].length; i++) {
                            if(msg.rows[0]['descripcion'][i]['descripcion']!=''){
                                
                                    colores.push(msg.rows[0]['descripcion'][i]['descripcion']);   
                            }
                        };
 
                       
                        $("#selProductos_descripcion").autocomplete({
                            source:colores
                        });
 
                    
                }
            }
        });
    }
}
 

[livemusic]

Código Javascript:

$("#selProductos_descripcion1").autocomplete({
                            source:coloresfila
                        });
 

estas que usas un ID .... mejor usa una clase. .. ... y solo apuntas al ID 1 .... mmm