Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/08/2017, 11:23
jlugardo
 
Fecha de Ingreso: agosto-2009
Ubicación: CHIHUAHUA
Mensajes: 15
Antigüedad: 15 años, 3 meses
Puntos: 0
Autocompletar en controles dinamicos

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??