Select de 3 niveles

[andresenrique]

Buenos días, soy nuevo en el foro.

El motivo de la creación de este thread es que estoy intentado extender un script que encontré aquí [0], para hacer el select de 3 niveles (país, estado, ciudad), sin necesidad de usar AJAX, pero de alguna manera cuando lo extiendo deja de funcionar correctamente, y realmente no he podido encontrar el error.

Código:

<script language="javascript">
function agregarOpciones(form)
{
var selec = form.pais.options;
var estado = form.estado.options;
var ciudad = form.ciudad.options;
combo.length = null;
combos.length = null; 

    if (selec[0].selected == true)
    {
        var seleccionar = new Option("<-- esperando selección","","","");
        combo[0] = seleccionar;
    }

    if (selec[1].selected == true)
    {
        var estado1 = new Option("Aragua","aragua","","");
        var estado2 = new Option("Carabobo","Carabobo","","");
        combo[0] = estado1;
        combo[1] = estado2;

        if (combo[0].selected == true)
        {
            var seleccionar = new Option("<-- esperando selección","","","");
            combos[0] = seleccionar;
        }

        if (combo[1].selected == true)
        {
            var ciudad1 = new Option("Cagua","Cagua","","");
            var ciudad2 = new Option("Maracay","Maracay","","");
            combos[0] = ciudad1;
            combos[1] = ciudad2;
        }
    
        if (combo[2].selected == true)
        {
            var ciudad1 = new Option("Valencia","Valencia","","");
            var ciudad2 = new Option("Naguanagua","Naguanagua","","");
            combos[0] = ciudad1;
            combos[1] = ciudad2;
        }

    }
}
</script>

<form name="ejemplo2" method="POST" target="_blank" action="pagina.htm">

<select name="pais" onChange="agregarOpciones(this.form)">

<option value="">[seleccione una opción]</option>

<option value="musicapopular">Venezuela</option>


</select>

 

<select name="estado">

<option value=""><-- esperando selección</option>

</select>

<select name="ciudad">

<option value=""><-- esperando selección</option>

</select>
 

<input type="submit" value="Enviar"></form>

[0] desarrolloweb.com/articulos/1490.php