confronto valori menù select

**noos** · 02-01-2009, 11:45

salve ragazzi, ho questo problema

ho quattro menù a tendina dove l'utente può scegliere uno dei valori (ad esempio rosso - verde - giallo - blu)
per varie ragioni il value è un numero quindi

rosso il value è 1
verde il value è 2
giallo il value è 3
blu il value è 4

tutto questo per tutti e 4 i menù a tendina

il mio scopo è se l'utente sceglie ad esempio il rosso nel primo menù a tendina
automaticamente deve escludere il rosso negli altri 3 menù a tendina, se l'utente sceglie il rosso nel secondo menù gli compare un alert che lo informa che questo colore è stato già scelto questo per tutti i menù anche se l'utente inizia a selezionare dal secondo oppure dal terzo o quarto menù

fin'ora ho creato questa funzione che viene richiamata dai menù a tendina

Codice PHP:






function colori(pathCampo){





    //creo un array colore

    colore = new Array();





//creo le variabili



    var colore1=1;

    var colore2=2;

    var colore3=3;

    var colore4=4;

    



    //assegno i valori delle var nell'array

    

    colore [0]=colore1;

    colore [1]=colore2;

    colore [2]=colore3;

    colore [3]=colore4;





    //ciclo (for) l'array e se uno degli item presenti = al valore campo do alert all'utente



    

for (var i=0; i<colore.length; i++) {



//inizio blocco di istruzioni

    if ((colore[i] !=null) && (colore[i] !="null") ){

        alert("sto paragonando "pathCampo+" e "+colore[i]);

        if (pathCampo==colore[i]){

            alert("ATTENZIONE! hai selezionato ");

            

    }

    }

}

        



//fine blocco di istruzioni

}

ora se alla prima scelta di un colore (in qualsiasi menù) la funzione mi segnala che è stato già scelto questo colore

come posso risolvere????

**br1** · 02-01-2009, 12:36

Come richiami e cosa passi alla funzione?

Ricorda che il .value di un campo del form e' sempre una stringa, metre tu stai facendo il confronto con un valore numerico

ciao

**noos** · 03-01-2009, 11:28

ciao br1, quindi come posso risolvere????

**br1** · 03-01-2009, 18:57

Per esempio, velocemente e semplicemente,

codice:

//creo le variabili 

    var colore1='1'; 
    var colore2='2'; 
    var colore3='3'; 
    var colore4='4';

comunque, ripeto, dipende anche da quando e come richiami la funzione...

ciao

**cavicchiandrea** · 03-01-2009, 19:09

Originariamente inviato da noos
......
il mio scopo è se l'utente sceglie ad esempio il rosso nel primo menù a tendina
automaticamente deve escludere il rosso negli altri 3 menù a tendina, se l'utente sceglie il rosso nel secondo menù gli compare un alert che lo informa che questo colore è stato già scelto questo per tutti i menù anche se l'utente inizia a selezionare dal secondo oppure dal terzo o quarto menù

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prova select</title>

<script type="text/javascript">
function Controlla(sel,colore){
//recupero le select nel documento
var SelColori = document.getElementsByTagName("select");
//ciclo for per contare le select presenti
for(var i=0; i<SelColori.length; i++){
//verifico id e la selezione colore
if(SelColori[i].id != sel.id && parseInt(colore)==SelColori[i].selectedIndex){
//avviso d'errore
alert("Colore già selezionato");
//riporto la select errata a valore 0
document.getElementById(sel.id).selectedIndex=0;
return false;
}}
}
</script>

</head>

<body>

<form id="form1" name="form1" method="post" action="#" onsubmit="return Peso();">

<select name="sel1" id="sel1" onchange="Controlla(this,this.options[this.selectedIndex].value)">
  <option value="0">Seleziona</option>
  <option value="1">Bianco</option>
  <option value="2">Nero</option>
  <option value="3">Rosso</option>
  <option value="4">Verde</option>
</select>
<select name="sel2" id="sel2" onchange="Controlla(this,this.options[this.selectedIndex].value)">
  <option value="0">Seleziona</option>
  <option value="1">Bianco</option>
  <option value="2">Nero</option>
  <option value="3">Rosso</option>
  <option value="4">Verde</option>
</select>
<select name="sel3" id="sel3" onchange="Controlla(this,this.options[this.selectedIndex].value)">
  <option value="0">Seleziona</option>
  <option value="1">Bianco</option>
  <option value="2">Nero</option>
  <option value="3">Rosso</option>
  <option value="4">Verde</option>
</select>
</form>
</body>
</html>

Questo dovrebbe andar bene

**noos** · 05-01-2009, 18:56

grazie 1000

Discussione: confronto valori menù select

Strumenti discussione

Ricerca discussione

Visualizza

confronto valori menù select

Re: confronto valori menù select

Permessi di invio