Select en página asp con listado de países y ciudades; actualizar datos de uno en función del otro
Mi pregunta es la siguiente, tengo en una pagina asp un select con un listado de paises, ahora mas abajo tengo otro select con un listado de ciudades, el cual quiero que se actualice de acuerdo con el pais que elija en el primer select.
Como hago esto???
Como hago esto???
1 Respuesta
Respuesta de pedroche
1
Una manera sencilla de hacerlo es con javascript. Te mando un html como ejemplo. Lo unico que debes hacer es adaptarlo a tus opciones, y listo! No olvides puntuar!
<html>
<head>
<script language="JavaScript" type="text/javascript">
function combo(){
var indice=document.forms.form1.menu1.selectedIndex;
if(indice==1) menu1();
if(indice==2) menu2();
if(indice==3) menu3();
}
function menu1(){
sub0=new Option("-elije un equipo-","sub0","defauldSelected");
sub1=new Option("Real Madrid","rmadrid");
sub2=new Option("Barcelona","barsa");
document.forms.form2.menu2.options[0]=sub0;
document.forms.form2.menu2.options[1]=sub1;
document.forms.form2.menu2.options[2]=sub2;
}
function menu2(){
sub0=new Option("elije un compositor","sub0","defauldSelected");
sub1=new Option("Mendelson","mendelson");
sub2=new Option("Von-Suppé","vonsuppe");
sub3=new Option("Bizet","bizet");
document.forms.form2.menu2.options[0]=sub0;
document.forms.form2.menu2.options[1]=sub1;
document.forms.form2.menu2.options[2]=sub2;
document.forms.form2.menu2.options[3]=sub3;
}
function menu3(){
sub0=new Option("---elije un actor---","sub0","defauldSelected");
sub1=new Option("Pajares","pajares");
sub2=new Option("Esteso","esteso");
sub3=new Option("Resines","resines");
sub4=new Option("Banderas","banderas");
document.forms.form2.menu2.options[0]=sub0;
document.forms.form2.menu2.options[1]=sub1;
document.forms.form2.menu2.options[2]=sub2;
document.forms.form2.menu2.options[3]=sub3;
document.forms.form2.menu2.options[4]=sub4;
}
</script>
</head>
<body>
<table align="center">
<tr>
<td width="150">
<form name="form1">
<select name="menu1" onChange="combo()">
<option value="opcion0">-elije una opción-
<option value="opcion1">deporte
<option value="opcion2">música
<option value="opcion3">cine
</select>
</form>
</td>
<td>
<form name="form2">
<select name="menu2">
<option value="opcion0">------------------------
</select>
</form>
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<script language="JavaScript" type="text/javascript">
function combo(){
var indice=document.forms.form1.menu1.selectedIndex;
if(indice==1) menu1();
if(indice==2) menu2();
if(indice==3) menu3();
}
function menu1(){
sub0=new Option("-elije un equipo-","sub0","defauldSelected");
sub1=new Option("Real Madrid","rmadrid");
sub2=new Option("Barcelona","barsa");
document.forms.form2.menu2.options[0]=sub0;
document.forms.form2.menu2.options[1]=sub1;
document.forms.form2.menu2.options[2]=sub2;
}
function menu2(){
sub0=new Option("elije un compositor","sub0","defauldSelected");
sub1=new Option("Mendelson","mendelson");
sub2=new Option("Von-Suppé","vonsuppe");
sub3=new Option("Bizet","bizet");
document.forms.form2.menu2.options[0]=sub0;
document.forms.form2.menu2.options[1]=sub1;
document.forms.form2.menu2.options[2]=sub2;
document.forms.form2.menu2.options[3]=sub3;
}
function menu3(){
sub0=new Option("---elije un actor---","sub0","defauldSelected");
sub1=new Option("Pajares","pajares");
sub2=new Option("Esteso","esteso");
sub3=new Option("Resines","resines");
sub4=new Option("Banderas","banderas");
document.forms.form2.menu2.options[0]=sub0;
document.forms.form2.menu2.options[1]=sub1;
document.forms.form2.menu2.options[2]=sub2;
document.forms.form2.menu2.options[3]=sub3;
document.forms.form2.menu2.options[4]=sub4;
}
</script>
</head>
<body>
<table align="center">
<tr>
<td width="150">
<form name="form1">
<select name="menu1" onChange="combo()">
<option value="opcion0">-elije una opción-
<option value="opcion1">deporte
<option value="opcion2">música
<option value="opcion3">cine
</select>
</form>
</td>
<td>
<form name="form2">
<select name="menu2">
<option value="opcion0">------------------------
</select>
</form>
</td>
</tr>
</table>
</body>
</html>
