[AUTOCOMPLETE DINMICO CON JQUERY, PHP Y MYSQL] DEVILBOY

Bueno, si nos gusta el autocomplete de google por qu no agregarlo a nuestra web? Este ejemplo lo saqu de la web de JQuery

http://jqueryui.com/demos/autocomplete/ Veamos el code para esto: <script> $(function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL",

[AUTOCOMPLETE DINMICO CON JQUERY, PHP Y MYSQL] DEVILBOY

"ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; $( "#tags" ).autocomplete({ source: availableTags }); }); </script>

Pero la pregunta es: Como meter los datos de forma dinmica?

Pues debemos de obtener los valores con un select y agregarlos al array de js de la sig. Forma

[AUTOCOMPLETE DINMICO CON JQUERY, PHP Y MYSQL] DEVILBOY

<script language="JavaScript" src="js/jquery-1.5.1.min.js"></script> <script language="JavaScript" src="js/jquery-ui-1.8.13.custom.min.js"></script> <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.13.custom.css" rel="stylesheet" /> <?php include("conexion.php"); $con = "select * from asistentes"; $query = mysql_query($con); ?> <script> $(function() { <?php while($row= mysql_fetch_array($query)) { $elementos[]= '"'.$row['nombre'].'"'; } $arreglo= implode(", ", $elementos); ?> var availableTags=new Array(<?php echo $arreglo; ?>); $( "#tags" ).autocomplete({ source: availableTags }); }); </script> <label for="tags">Tags: </label> <input id="tags">

[AUTOCOMPLETE DINMICO CON JQUERY, PHP Y MYSQL] DEVILBOY

y ya tendremos nuestro autocomplete

Les dejar los archivos que necesitamos

Solo cambien la consulta en el index.php

y los datos de mysql en el archivo conexion.php

http://www.mediafire.com/?2qe0i8338fj1r5a

salu2