Formulario para coches
Hola otra vez, Gandalf. Nuevamente estoy aquí, esperando molestar lo menos posible, para saber si me puedes ayudar un poco con un formulario que necesita javascript. No sé si es sencillo. Hay 3 selects. El primero sirve para elegir la marca de un coche (habrá 3 opciones: elegir marca, Audi, BMW). Si elijo una u otra marca, el segundo select se activa con los diferentes modelos de cada marca. Cuando elija el modelo, se activa el tercer select, donde aparecen los diferentes coches dentro del modelo.
Imagino que tengo que trabajar con matrices, pero ahora mismo no sé cuántas serían necesarias. Creo que con 4 me basta (2 por modelo, 2 por coche). Lo que ya no sé cómo puedo conseguir es que se actualicen los selects...
¿Podrías ayudarme? Muchas gracias.
Imagino que tengo que trabajar con matrices, pero ahora mismo no sé cuántas serían necesarias. Creo que con 4 me basta (2 por modelo, 2 por coche). Lo que ya no sé cómo puedo conseguir es que se actualicen los selects...
¿Podrías ayudarme? Muchas gracias.
1 Respuesta
Respuesta de gandalf26
1
Busca en mis respuestas, porque la generación de opciones en un select ya lo he contestado...
Esto es un ejemplo de como se cambian los días de un formulario en función del mes, tal vez puedas basarte en ello para hacer lo que quieres:
<html>
<head>
<script type="text/javascript">
hoy=new Date();
//hoy.setDate(28);
manyana = new Date();
manyana.setDate(hoy.getDate()+1);
num=((hoy.getDate()<10) ? "0" : "")+hoy.getDate();
meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];
diasxMes=[31,28,31,30,31,30,31,31,30,31,30,31];
function setMes(hoyOManyana, id){
var sel = this.document.getElementById(id);
while(sel.hasChildNodes())
sel.removeChild(sel.lastChild);
for (var i=0;i<12;i++){
opt = new Option();
opt.value = i ;
opt.text = meses;
if(hoyOManyana==0){
if (hoy.getMonth()==i) {opt.selected=true;}
}else if(hoyOManyana==1){
if (manyana.getMonth()==i) {opt.selected=true;}
}
sel.options = opt;
}
}
function setDias(hoyOManyana, dias, id){
var sel = this.document.getElementById(id);
while(sel.hasChildNodes())
sel.removeChild(sel.lastChild);
for (var i=1;i<=dias;i++){
opt = new Option();
opt.value = i;
opt.text = i;
if(hoyOManyana == 0){
if (hoy.getDate()==i) {opt.selected=true;}
}else if(hoyOManyana == 1){
if (manyana.getDate()==i) {opt.selected=true;}
}
sel.options[i-1] = opt;
}
}
function setSelects(){
setMes(0, "elmes");
setDias(0, diasxMes[hoy.getMonth()],"dias");
setMes(1, "elmes2");
setDias(1, diasxMes[manyana.getMonth()],"dias2");
}
</script>
</head>
<body onload="setSelects();">
<form name="frm">
dia ida:<select name="dias" id="dias">
</select>
<br><br>
mes ida:
<select name="elmes" id="elmes" onChange=setDias(0,diasxMes[this.options[this.selectedIndex].value],"dias");>
</select>
<br><br>
dia regreso:<select name="dias2" id="dias2">
</select>
<br><br>
mes regreso:<select name="elmes2" id="elmes2" onChange=setDias(1,diasxMes[this.options[this.selectedIndex].value],"dias2");>
</select>
</form>
</body>
</html>
Espero que te ayude, si necesitas algo más, preguntame de nuevo,
Esto es un ejemplo de como se cambian los días de un formulario en función del mes, tal vez puedas basarte en ello para hacer lo que quieres:
<html>
<head>
<script type="text/javascript">
hoy=new Date();
//hoy.setDate(28);
manyana = new Date();
manyana.setDate(hoy.getDate()+1);
num=((hoy.getDate()<10) ? "0" : "")+hoy.getDate();
meses=['enero','febrero','marzo','abril','mayo','junio','julio','agosto','septiembre','octubre','noviembre','diciembre'];
diasxMes=[31,28,31,30,31,30,31,31,30,31,30,31];
function setMes(hoyOManyana, id){
var sel = this.document.getElementById(id);
while(sel.hasChildNodes())
sel.removeChild(sel.lastChild);
for (var i=0;i<12;i++){
opt = new Option();
opt.value = i ;
opt.text = meses;
if(hoyOManyana==0){
if (hoy.getMonth()==i) {opt.selected=true;}
}else if(hoyOManyana==1){
if (manyana.getMonth()==i) {opt.selected=true;}
}
sel.options = opt;
}
}
function setDias(hoyOManyana, dias, id){
var sel = this.document.getElementById(id);
while(sel.hasChildNodes())
sel.removeChild(sel.lastChild);
for (var i=1;i<=dias;i++){
opt = new Option();
opt.value = i;
opt.text = i;
if(hoyOManyana == 0){
if (hoy.getDate()==i) {opt.selected=true;}
}else if(hoyOManyana == 1){
if (manyana.getDate()==i) {opt.selected=true;}
}
sel.options[i-1] = opt;
}
}
function setSelects(){
setMes(0, "elmes");
setDias(0, diasxMes[hoy.getMonth()],"dias");
setMes(1, "elmes2");
setDias(1, diasxMes[manyana.getMonth()],"dias2");
}
</script>
</head>
<body onload="setSelects();">
<form name="frm">
dia ida:<select name="dias" id="dias">
</select>
<br><br>
mes ida:
<select name="elmes" id="elmes" onChange=setDias(0,diasxMes[this.options[this.selectedIndex].value],"dias");>
</select>
<br><br>
dia regreso:<select name="dias2" id="dias2">
</select>
<br><br>
mes regreso:<select name="elmes2" id="elmes2" onChange=setDias(1,diasxMes[this.options[this.selectedIndex].value],"dias2");>
</select>
</form>
</body>
</html>
Espero que te ayude, si necesitas algo más, preguntame de nuevo,
