Autocompletar en controles dinamicos

[jlugardo]

Hola, ojala me puedan ayudar, estoy asignando la funcion autocomplete de jquery a un input de esta manera:

Primero extraigo la informacion de la bd:

require_once('conexion.php');
class opciones_auto extends conexion
{
function opciones() {
$datos = array();
$telefonos = '';
$imsis = '';
parent::conectar();
$sql = "SELECT * FROM t_contactos";
$resultado = parent::query($sql);
while($fila = mysqli_fetch_assoc($resultado))
{
$telefonos .= '"' . $fila['numtel'] . '",';
$imsis .= '"' . $fila['imsi'] . '",';
}
parent::cerrar();
$datos[0] = $telefonos;
$datos[1] = $imsis;
return $datos;
}
}
$opc = new opciones_auto();
$opciones = $opc -> opciones();

aqui asigno la funcion autocomplete con el resultado de la consulta al input con id tb_ntel:

$(function() {
var availableTags1 = [<?php echo $opciones[0] ?>];
$( "#tb_ntel" ).autocomplete({
source: availableTags1
});
} );

tengo un boton con el que creo inputs dinamicos, "lista_contactos" es la tabla donde se encuentran los inputs existentes y los inputs que se van a agregar:

<input type="button" value="Agregar" id="btnAdd" onclick="addRow('lista_contactos');"/>

La funcion addRow tiene esto:

function addRow(tableID) {
if (tableID == "lista_contactos")
{
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
.
.
.
var element11 = document.createElement("input");
element11.type = "text";
element11.setAttribute("name","tb_ntel[]");
element11.setAttribute("id","tb_ntel");

cell4.appendChild(element11);
.
.
.
}
}

Como podria asignarle la funcion de autocomplete a los controles que se crean a traves de la funcion addRow???? ya probe cambiandoles el id y no funciona, por favor podrian ayudarme??

[Camatagua123]

ID = es único, por lo tanto debe existir una sola vez en el DOM, algo asi como tu cedula en tu país (es único para poder identificarte o referirse a ti), deberias de usar CLASS

como tus inputs son creados dinamicamente usa .on() de jquery

Código HTML:

$(".tb_ntel").on('click',function(){

$(this).autocomplete();

);

a ver si te funciona

[jlugardo]

pero el evento se debe generar al dar click en el boton y la accion se debe ejecutar en el control dinamico

[Alexis88]

Puedes asignar el widget autocomplete en tiempo real al elemento recién creado.

Código Javascript:

function addRow(tableID){
    //Instrucciones
    
    $(element11).autocomplete({source: availableTags1});
 
    //Más instrucciones
}