Select list dinamico con PHP-Noktemplates + JS

fatherjuan · #1 (**permalink**) 09/01/2006, 08:55

Hola estoy haciendo un directorio de empleados, encontre un modulo en JS que filtra nombres en un select list y funciona bien si haces el select list manualmente, pero intento llenarlo dinamicamente con php, el script que tengo en php funciona correctamente, pero supongo que la creacion del select list es virtual y por eso no funciona el JS. Pongo los codigos y espero que alguen pueda alludar.

Saludos

Código HTML:

 <script>
 function sel(c){
 
 c = c.toLowerCase();
 
 formu=document.forms['formulario'];
 caracteres=c.length;
if(caracteres!=0){
 for (x=0;x<formu['lista'].options.length;x++){
 if(formu['lista'].options[x].value.slice(0,caracteres)==c){
 formu['lista'].selectedIndex=x;
formu['lista'].style.visibility="visible";
 break;
}else{
 formu['lista'].style.visibility="hidden";
 }
 }
 }else{
 formu['lista'].style.visibility="hidden";

 }
 }
 </script>
 <body>
 <form action="index.php" name="formulario" >
 <input type="text" name="buscar" onKeyUp="sel(this.value)" style="width:200px;"><br>
 <select name="lista" size="5" style="width:200px;visibility:hidden">
{LISTA}
 </select>
 </form>
 </body>

Código PHP:

  function directorio() 
{ 
$db=mysql_connect("localhost","root",""); //devuelve el valor de la base de datos para crear la conexion 
mysql_select_db("base",$db); 
 
$html = new NokTemplate('./'); 
$html->cargar('tHeader', "busca_java.htm"); 
$html->cargar('tBody', ""); 
 
$html->cargarVirtual('Opciones','<option value ={VALOR}>{OPTION}</option>'); 
         
        $query_dierctorio = "SELECT * FROM directorio";  
        $result_dierctorio = mysql_query($query_dierctorio, $db); 
        $row_dierctorio = ''; 
                    while($row_dierctorio = mysql_fetch_array($result_dierctorio)) 
                        { 
                         
 
                        $html->asignar('VALOR', $row_dierctorio['nombre']); 
                        $html->asignar('OPTION', $row_dierctorio['nombre']); 
 
                        $html->expandir('LISTA', '+Opciones'); 
                        }  
 
         
$html->expandir('CONTENIDO', 'tBody'); 
$html->expandir('FINAL', 'tHeader'); 
$html->imprimir('FINAL'); 
 
 
}