controllo su select

**Daniele80** · 08-08-2005, 11:41

ciao ho 2 select che contengono anni.

2000
2001

devo fare in modo che se seleziono un'anno da select1 la select 2 si posizioni sull'anno successivo.

Per ogni cambiamento di select2 devo controllare che l'anno non sia uguale o minore a select1

chi mi aiuta?

**var** · 08-08-2005, 13:01

prova così:

codice:

function f1(e, f){
 if(e.selectedIndex<e.options.length-1) f.menu2.selectedIndex=++e.selectedIndex;
}

function f2(e, f){
 if(e.selectedIndex>=f.menu1.selectedIndex) {
  alert('Errore!');
  e.selectedIndex=0;
 }
}

le richiami così:

codice:

<select name="menu1" onchange="f1(this, this.form);">
<select name="menu2" onchange="f2(this, this.form);">

attenzione: le funzioni fanno il loro dovere se i due menu contengono gli stessi elementi nello stesso ordine.

ciao

**cavicchiandrea** · 08-08-2005, 14:00

Originariamente inviato da Daniele80
ciao ho 2 select che contengono anni.

2000
2001

devo fare in modo che se seleziono un'anno da select1 la select 2 si posizioni sull'anno successivo.

Per ogni cambiamento di select2 devo controllare che l'anno non sia uguale o minore a select1

chi mi aiuta?

Prova questa soluzione:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Documento senza titolo</title>
<script type="text/javascript">
function CambiaAnno(valore){
F=document.modulo
if(valore==0){
F.SecondoAnno[0].selected=true;
F.SecondoAnno.disabled=true;
}else if(valore==2000){
F.SecondoAnno[2].selected=true;
F.SecondoAnno.disabled=false;
}else if(valore==2001){
F.SecondoAnno[3].selected=true;
F.SecondoAnno.disabled=false;
}else if(valore==2002){
F.SecondoAnno[4].selected=true;
F.SecondoAnno.disabled=false;
}
}
function VerificaAnno(valore){
PrimoAnno=document.modulo.elements['PrimoAnno'].value;
if(valore<=PrimoAnno){
alert("Errore l\'anno selezionato è uguale 0 inferiore all "+PrimoAnno)
document.modulo.SecondoAnno.options[0].selected=true;
document.modulo.SecondoAnno.disabled=true;
document.modulo.PrimoAnno.options[0].selected=true;
}
}
</script>
</head>

<body>
<form method="post" action="" name="modulo">
  <select name="PrimoAnno" onChange="if(this.options[this.selectedIndex].value){CambiaAnno(this.value)}else{};">
    <option value="0" selected>Seleziona</option>
    <option value="2000">2000</option>
    <option value="2001">2001 </option>
    <option value="2002">2002</option>
  </select>
    <select name="SecondoAnno" disabled="disabled" onChange="VerificaAnno(this.value);">
    <option value="0" selected>Seleziona</option>
    <option value="2000">2000</option>
    <option value="2001">2001 </option>
    <option value="2002">2002</option>
    <option value="2003">2003</option>
    </select>
</form>
</body>
</html>

**Daniele80** · 08-08-2005, 14:41

grazie ragazzi mi avete aiutato tantissimo.

grazie ancora

Discussione: controllo su select

Strumenti discussione

Ricerca discussione

Visualizza

controllo su select

Re: controllo su select

Permessi di invio