[SOLUCIONADO] textbox con autocomplete y multiples opciones

[jandrogdz]

Buenas foro.

Antes que nada unas felicitaciones al foro que de verdad ayudan a loa que aun somos novatos en esto.

Tengo una situación en la cual estoy tratando de hacer un textbox con varias opciones encontre unos codigos en internet pero al tratar de hacer el autocomplete con una consulta no busca y no muestra nada. Ya modifique el codigo bastantes veces de todoas las formas que se me ocurrio pero sigo sin resolverlo.

La forma en la que hago la consulta es la siguiente:

Código PHP:

<?php
mysql_pconnect("localhost", "root", "") or die("Could not connect");
mysql_select_db("_siadi") or die("Could not select database");
 
 
$query = mysql_query("SELECT clienteID, razonSocial FROM cliente WHERE razonSocial LIKE '%".mysql_real_escape_string($_GET["q"])."%' LIMIT 10");
$arr = array();
 
 
while($obj = mysql_fetch_object($query)) {
    $arr[] = $obj;
}
 
$json_response = json_encode($arr);
 
echo $json_response;   
 
?>
 

Y en el textbox tengo esto:

Código HTML:

<h2>Buscar clientes: </h2>
    <div>
        <input type="text" id="cliente" name="blah" />
        <input type="button" value="Submit" />
        <script type="text/javascript">
        $(document).ready(function() {
            $("#cliente").tokenInput("examples/php-example.php");
        });
        </script>
    </div>
 

De antemano muchas gracias...

[jandrogdz]

Intente con todo pero no he podido hacerlo funcionar por lo que opte por hacer todo en un mismo archivo pero ahora mi duda es como puedo mostrar un array de php en javascript ya he visto como realizarlo en el formato json pero al ver el codigo fuente se ve distinto la forma de los codigos por ejemplo.

Código MySQL:

$conn=new mysqli("localhost","root","","_db");
    $query=$conn->query("SELECT usuarioID,usuario FROM usuario");
    $rs=$query->fetch_object();
    
    echo json_encode($rs);
 

Código PHP:

<h2>Usuarios</h2>
    <div>
        <input type="text" id="usuarios" name="user" />
        <script type="text/javascript">
        $(document).ready(function() {
            $("#usuarios").tokenInput([<?php echo json_encode($rs); ?>]);
        });
        </script>
    </div>
 

esto me da como resultado el json de esta forma:

Código Javascript:

[{"usuarioID":"1","usuario":"alejandro.godinez"}]
 

cuando deberia de retornarlo asi:

Código Javascript:

[
                {id: 11, name: "Python"},
                {id: 13, name: "JavaScript"},
                {id: 17, name: "ActionScript"},
                {id: 19, name: "Scheme"},
                {id: 23, name: "Lisp"},
                {id: 29, name: "C#"},
                {id: 31, name: "Fortran"},
                {id: 37, name: "Visual Basic"},
                {id: 41, name: "C"},
                {id: 43, name: "C++"},
                {id: 47, name: "Java"}
            ]
 

Creo que ese es el problema me prodria ayudar

[jandrogdz]

Quedó solucionado el codigo forza a tener que poner id y name para poder funcionar.