combo dependiente php mysql javascript

[vmoran2009]

hola amigos el siguiente codigo crea combos dependientes utilizando php mysql y javacript, a partir del primer select llamado cmbnivel y luego a través de la funcion javascript oficinas actualiza al cmboficina y funciona bien, pero quisiera saber como puedo hacer para que al ver el codigo fuente de la pagina NO APAREZCAN todos los valores que barre la función

Código PHP:

if(nivel==='0'){
                document.f1.cmboficina.disabled = true;
                document.f1.cmboficina.length=0;
                document.f1.cmboficina.options[0] = new Option("Seleccione...","","defaultSelected","");
            }
 
            if(nivel==='1'){
                document.f1.cmboficina.options[i] = new Option("Almacén ","14");
                i++;
            }
            
            if(nivel==='0'){
                document.f1.cmboficina.disabled = true;
                document.f1.cmboficina.length=0;
                document.f1.cmboficina.options[0] = new Option("Seleccione...","","defaultSelected","");
            }
 
            if(nivel==='1'){
                document.f1.cmboficina.options[i] = new Option("Ventas","132");
                i++;
            }
 

...y así sucesivamente.

es decir quisiera que en el select oficina se generara así y no que me muestre todos los posibles valores que tomo en la funcion javascript:

Código PHP:

<select name="cmboficina" id="cmboficina" disabled>
                            <option value="0" >Seleccione...</option>
                            <option value="14" >Almacen</option>
                            <option value="132" >Ventas</option>
                        </select>
 
 
 
 
 
<script type="text/javascript">
function oficinas(nivel)
{
   
    document.f1.cmboficina.disabled = false;
    document.f1.cmboficina.length=0;
    document.f1.cmboficina.options[0] = new Option("Seleccione...","","defaultSelected","");
 
    var i=1;
    <?php
        $sql = "select iddepen,nombre,idnivel from oficinas";
        $rs = mysql_query($sql);
        if (mysql_num_rows($rs) > 0) {
            while ($row = mysql_fetch_array($rs)) {
            ?>
 
            if(nivel==='0'){
                document.f1.cmboficina.disabled = true;
                document.f1.cmboficina.length=0;
                document.f1.cmboficina.options[0] = new Option("Seleccione...","","defaultSelected","");
            }
 
            if(nivel==='<?=$row["idnivel"];?>'){
                document.f1.cmboficina.options[i] = new Option("<?=$row['dependencia'];?>","<?=$row['iddepen'];?>");
                i++;
            }
            <?php
            }
        }
    ?>
}
 
 
</script>
 
 
 
 
 <select name="cmbnivel" id="cmbnivel" tabindex="5" onchange="oficinas(this.value)">
                            <option value="0">Seleccione...</option>
                            <?php
                            $sql1="select idnivel,nivel from niveles order by idnivel";
                            $result1= mysql_query($sql1);
                            while ($row = mysql_fetch_array($result1)) {
                                   if ($row[0] == $cmbrol) {
                                    echo "<option value='$row[0]' selected>$row[1]</option>";
                                } else {
 
                                    echo "<option value='$row[0]'>$row[1]</option>";
                                }
                            }
                            ?>
                        </select>
 
<select name="cmboficina" id="cmboficina" disabled>
                            <option value="0" >Seleccione...</option>
                        </select>
 

[stone_neo]

¿Que tal has pensando en usar Ajax y alguna libreria Javascrip como JQuery o AngularJs? Igual dejame revisar tu código y ver como poder ayudarte.

[phoneval]

Hay mucho escrito sobre esto:

http://www.webnivel.net/simple-combo...es-con-jquery/