3

Recurro a ustedes debido a que no he podido implementar el autocomplete en elementos creados dinamicamente con jquery lo hago de la siguiente manera.

$('#addMarcaTabla').click(function () {       
    var html = '';
    html += '<tr class="itemMarcasAgregadas">';
    html += '<td><input type="text" class="form-control denominacion" placeholder="Marca /Den. Distintiva"/><span class="error">Es Requerido</span></td>';
    html += '<td><input type="text" class="form-control registroSanitario" placeholder="Núm. Registro Sanitario"/></td>';
    html += '<td><input type="text" class="form-control rfcTitular searchInput" placeholder="Titular Registro Sanitario"/></td>';
    html += '<td><input type="text" class="form-control procedencia" placeholder="Procedencia"/></td>';
    html += '<td><input type="text" class="form-control fabricante" onBlur="GetRazonSocial(this);"  placeholder="Fabricante"/></td>';
    html += '<td><button type="button" name="removeMarcaTemp" class="btn btn-danger btn-sm removeMarcaTemp"><span class="glyphicon glyphicon-trash"></span></button></td>';
    html += '</tr>';
    $('#tblMarcasTemp').append(html);
    itemMarca = itemMarca + 1;
    if (itemMarca != 0)
    {
        $('#submit').show();
    }               
});

y mi evento para poder agregar el evento al input con la clase searchInput es el siguiente.

$('.searchInput').autocomplete({
    source: _urlBase + "Ofertas/GetProcedimientos",
    select: function (event, ui) {
        $("#MtoProveedorId").empty();
        GetProveedoresConOferta(ui.item.id);
        id = (ui.item.id);
        $("#MtoProcedimientoId").val(ui.item.id);
    }
})

sin embargo no me muestra ningun error pero tampoco muestra los resultados.

4
  • 1
    ¿La instrucción en la que defines el autocomplete se ejecuta después de crear los elementos? el 30 ene. 2018 a las 20:29
  • si la instrucción autocomplete lo pongo después de crear el elemento el 30 ene. 2018 a las 22:27
  • Por curiosidad hermano, ¿Lograste solucionarlo?
    – fredyfx
    el 26 mar. 2018 a las 22:50
  • que tal si lo soluciones y esta funcionando. saludos. el 1 abr. 2018 a las 13:12

1 respuesta 1

0

Los métodos que se mandan llamar desde el selector están visibles solo para lo creado en el dom en ese momento

$('.searchInput').autocomplete(function (e) { });

Debes poner tu funcion callback de los objetos dinámicos en document no en el selector

$(document).on('autocomplete', '.searchInput', function (e) { });

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.