06/06/2013, 13:51
|
| | | Fecha de Ingreso: junio-2013
Mensajes: 15
Antigüedad: 11 años, 5 meses Puntos: 0 | |
 Mostrar texto oculto según selección de una lista dependiente
Hola a Todos:
Les cuento que ha sido de mucha ayuda para mí todo lo que aportan en las distintas consultas. He aprendido mucho y sigo en ello, así que vamos por más!!!
Estoy necesitando destrabarme en un código.
Tengo un combobox con dos listas desplegables. Y al finalizar tengo un botón que debería mostrarme un texto oculto.
El meollo del asunto es que el texto oculto que debe mostrarse dependerá del valor seleccionado en la segunda lista desplegable.
Es decir: si selecciono España y luego Madrid, al hacer click en el botón debe mostrarme un texto oculto con información exclusiva de Madrid.
Les paso el código que generé hasta el momento donde faltaría definir lo del botón:
<html>
<head>
<title>Selects dependientes</title>
</head>
<body>
<script>
var provincias_1=new Array("Seleccione la ciudad","AndalucÃ*a","Asturias","Baleares","Canari as","Castilla y León","Castilla-La Mancha")
var provincias_2=new Array("Seleccione la ciudad","Salta","San Juan","San Luis","La Rioja","La Pampa")
var provincias_3=new Array("Seleccione la ciudad","Cali","Santamarta","Medellin","Cartagena" )
var provincias_4=new Array("Seleccione la ciudad","Aisne","Creuse","Dordogne","Essonne","Gir onde")
function cambia_provincia(){
var pais
pais = document.f1.pais[document.f1.pais.selectedIndex].value
if (pais != 0) {
mis_provincias=eval("provincias_" + pais)
num_provincias = mis_provincias.length
document.f1.provincia.length = num_provincias
for(i=0;i<num_provincias;i++){
document.f1.provincia.options[i].value=mis_provincias[i]
document.f1.provincia.options[i].text=mis_provincias[i]
}
}else{
document.f1.provincia.length = 1
document.f1.provincia.options[0].value = "-"
document.f1.provincia.options[0].text = "-"
}
document.f1.provincia.options[0].selected = true
}
</script>
<form name="f1">
<select name=pais onChange="cambia_provincia()">
<option value="0" selected>Seleccione el PaÃ*s
<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>
<CENTER><input name="Ver Hoteles" type="button" value="Ver Hoteles" onClick=""></CENTER>
</body>
</html> |