A ver si me explico:
Tengo un formulario de entrada de datos de proveedores, estos escriben en los campos de texto todos sus datos de empresa, cuando llegan a tipo de empresa, el campo de entrada es una lista donde están todos los tipos de empresas de mi sector, para que elijan uno. Hasta aquí maravilloso, pero me gustaría hacer lo siguiente: Mi empresa es textil, si eligen el tipo de empresa "tejeduría" de las opciones de la lista, se tendría que poder abrir otra casilla al lado donde elegir el tipo de tejeduria que es, por ejemplo;
.................................Plana
Tejeduria ...........Circular
.................................Tricotosa
Y que se pudirea tomar cualquiera de las opciones de tejeduría, o sea un menú dentro de un menú.
Si en el primer menú en vez de tejeduria,se elige confección, que se abriera el submenú de tipos de confecciones que existen.
Bueno no se si me he explicado bien. El concepto es que exista un submenú en las diferentes opciones del menú. Como cuando si estás en un formulario que te pide que selecciones "pais" y una vez seleccionado España, se te activan al lado todas las provincias para que tu la puedas seleccionar.
Me expliqué?
Bueno como sigo investigando os dejo aquí un codigo mu mono que he encontrado y que hace esto que os preguntaba, con el ejemplo de seleccionar pais y provincia. Seguiré toquiteandolo pero os lo pongo por si os sirve de algo.
<body>
<form name="f1">
<select name=pais onchange="cambia_provincia()">
<option value="0" selected>Seleccione...
<option value="1">España
<option value="2">Argentina
<option value="3">Colombia
<option value="4">Francia
</select>
<select name=provincia>
<option value="-">-
</select>
</form>
<script>
//defino una serie de varibles Array para cada país
var provincias_1=new Array("-","Andalucía","Asturias","Baleares","Canarias","Castilla y León","Castilla-La Mancha","...")
var provincias_2=new Array("-","Salta","San Juan","San Luis","La Rioja","La Pampa","...")
var provincias_3=new Array("-","Cali","Santamarta","Medellin","Cartagena","...")
var provincias_4=new Array("-","Aisne","Creuse","Dordogne","Essonne","Gironde ","...")
//función que cambia las provincias del select de provincias en función del país que se haya escogido en el select de país.
function cambia_provincia(){
//tomo el valor del select del pais elegido
var pais
pais = document.f1.pais[document.f1.pais.selectedIndex].value
//miro a ver si el pais está definido
if (pais != 0) {
//si estaba definido, entonces coloco las opciones de la provincia correspondiente.
//selecciono el array de provincia adecuado
mis_provincias=eval("provincias_" + pais)
//calculo el numero de provincias
num_provincias = mis_provincias.length
//marco el número de provincias en el select
document.f1.provincia.length = num_provincias
//para cada provincia del array, la introduzco en el select
for(i=0;i<num_provincias;i++){
document.f1.provincia.options.value=mis_provincias
document.f1.provincia.options.text=mis_provincias
}
}else{
//si no había provincia seleccionada, elimino las provincias del select
document.f1.provincia.length = 1
//coloco un guión en la única opción que he dejado
document.f1.provincia.options[0].value = "-"
document.f1.provincia.options[0].text = "-"
}
//marco como seleccionada la opción primera de provincia
document.f1.provincia.options[0].selected = true
}
</script>
Supongo que sera el mismo codigo:
<form name="doublecombo">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Tecnología</option>
<option>Noticias</option>
<option>Buscadores</option>
</select>
<select name="stage2" size="1">
<option value="http://www.dominio.com/pagina.htm">Website Abstraction</option>
<option value="http://www.dominio.com/pagina.htm">News.com</option>
<option value="http://www.dominio.com/pagina.htm">Wired News</option>
</select>
<input type="button" name="test" value="visitar"
onClick="go()">
</p>
<script>
<!--
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("Website Abstraction","http://www.dominio.com/pagina.htm")
group[0][1]=new Option("News.com","http://www.dominio.com/pagina.htm")
group[0][2]=new Option("Wired News","http://www.dominio.com/pagina.htm")
group[1][0]=new Option("CNN","http://www.dominio.com/pagina.htm")
group[1][1]=new Option("ABC News","http://www.dominio.com/pagina.htm")
group[2][0]=new Option("Hotbot","http://www.dominio.com/pagina.htm")
group[2][1]=new Option("Infoseek","http://www.dominio.com/pagina.htm")
group[2][2]=new Option("Excite","http://www.dominio.com/pagina.htm")
group[2][3]=new Option("Lycos","http://www.dominio.com/pagina.htm")
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>
</form>
