[SOLUCIONADO] input text autocompletado con php

[moscrates]

Bueno le scuento estoy desarrollando un formulario que cuenta con un campo auto completar el cual ya lo tengo, este formulario carga al cargar la pagina y tienen la opcion de crear otra fila para que puedan ingresar mas ventas.
bueno la cosa esta en que creo con los campos con una imagen que llama a una funcion javascript, pero el campo autocompletado que creo con funciones javascript, no puede llamar al jquery, pues no puiedo hacer que trabaje ccon el la funcion jquery
sta es mi funcion jquery

Código Javascript:

<script type="text/javascript">  
$(function() {  
    $("#animal").autocomplete({  
        source: "auto_comple.php?getAnimales=1",  
        select: function(event, ui) {  
        }  
    });  
});  
</script>
 

este es mi campo que se crea

Código Javascript:

var td1 = document.createElement("TD");
    td1.appendChild(document.createElement("<input type=\"text\" id=\"animal\" name=\"cliente["+t+"]\"size=\"25\"/>"));
 

y este es mi codigo php que traba con json

Código PHP:

if(isset($_GET['getAnimales'])) {  
  $bd = new mysqli("localhost", "root", "", "fh");  
  if(mysqli_connect_errno()) return;  
  
  $animales = array();  
  if($res = $bd->query("SELECT * FROM cliente"))  
    while($animal = $res->fetch_assoc())  
      $animales[] = array(  
        'label' => $animal['auto'],  
        'value' => $animal['id_cliente'],  
        'estado' => $animal['auto'],  
      );  
  $bd->close();  
  echo json_encode($animales);  
  return;  
}
 

me gustaria que me digan por que pasa esto, osi ven un error en mi codigo que me digan por fa

[masterpuppet]

Que tal moscrates,

el problema es que cuando se ejecuta el ready y tu autocomplete, no existe en el DOM element #animal, este se crea de forma dinámica, para solucinarlo deberias asignar el autocomplete al elemento cuando lo creas, esto:

Código Javascript:

var td1 = document.createElement("TD");
    td1.appendChild(document.createElement("<input type=\"text\" id=\"animal\" name=\"cliente["+t+"]\"size=\"25\"/>"));
 

debería ser algo así(y de paso utilizar jQuery para crear el elemento):

Código Javascript:

var el = $('<td><input type=\"text\" id=\"animal\" name=\"cliente["+t+"]\"size=\"25\"/></td>').autocomplete({  
        source: "auto_comple.php?getAnimales=1",  
        select: function(event, ui) {            
        }  
    })
$(document.body).append(el);//acá deberías cambiar por donde haces el append del td1 que no aparece en tu código
 

Saludos.

[moscrates]

exelente la solucion que me propones y muy funcional,
ya lo que hice fue crear una etiqueta script, al momento de crear el campo, y este script contienen la funcion jquery que ejecuta a outocomplete, de esta forma

Código Javascript:

var td1 = document.createElement("TD");
    td1.appendChild(document.createElement("<input type=\"text\" id=\"animal\" name=\"cliente["+t+"]\"size=\"25\"/>"));
 
var div = document.createElement('script');
div.type = 'type/javascript';
div.src= 'js/funcion_jquery.js';
 

y la funcion_jquery, tiene

Código Javascript:

$(function() {  
    $("#animal").autocomplete({  
        source: "auto_comple.php?getAnimales=1",  
        select: function(event, ui) {  
        }  
    });  
});
 

y esta funcionando, de echos de las dos formas..
si alguien tienen un problema similar pos ahi tienen la solucion