Select che si valorizzano a vicenda

[lesya]

ciao a tutti,
la mia e' una domanda molto semplice, ho provato a cercare un po' in giro ma non ho trovato niente... ma non sono bravo a cercare.

mettiamo che io abbia una select "A" e una select "B".
nella select "A" avro' come opzioni il nome dei colori, es: rosso, giallo, verde...
e come valore il codice esadecimale dei color, es: ff0000; ffff00, 00ff00...

nella select "B" avro' come opzioni E come valore il codice esadecimale dei colori

quindi una cosa del genere:

<select name="nomecolore">
<option value="0"></option>
<option value="ff0000">rosso</option>
<option value="ffff00">giallo</option>
<option value="00ff00">verde</option>
</select>
<select name="codicecolore">
<option value="0"></option>
<option value="ff0000">ff0000</option>
<option value="ffff00">ffff00</option>
<option value="00ff00">00ff00</option>
</select>

mi servirebbe sapere come si fa la funzione (javascript credo) che al cambio di una delle due select selezioni il valore anche nell'altra.
es: se selezioni "giallo" nella select "nomecolore" selezioni (la funzione) "ffff00" nella select "codicecolore" e viceversa se selezioni "ffff00" nella select "codicecolore" selezioni (la funzione)
"giallo" nella select "nomecolore".

spero di essermi spiegato chiaramente.

p.s.
il primo valore dovrebbe essere sempre "0"

[Nenella]

Usando sempre javascript modifica il tuo codice in

<select onChange="document.getElementById('codicecolore').selectedIndex=this.selectedIndex;" id='nomecolore' name="nomecolore">
          <option value="0"></option>
          <option value="ff0000">rosso</option>
          <option value="ffff00">giallo</option>
          <option value="00ff00">verde</option>
      </select>
			
<select onChange="document.getElementById('nomecolore').selectedIndex = this.selectedIndex;" id='codicecolore' name="codicecolore">
          <option value="0"></option>
          <option value="ff0000">ff0000</option>
          <option value="ffff00">ffff00</option>
          <option value="00ff00">00ff00</option>
</select>

Attenzione all'usabilità del tuo script con javascript disabilitato. Funzionerà ugualmente?