combo

In un form HTML ci possono essere molteplici combo box. Se il numero di combo è superiore alle 3/4 sicuramente, impostare il valore desiderato, risulterà un’operazione noiosa specialmente se il valore da impostare è lo stesso per tutte le combo.

Immaginiamo un sondaggio con una decina di combo con valori SI/NO dove dobbiamo impostare “NO” su tutte le combo. Risulterebbe comodo poterlo fare con un unico click.

Ecco come possiamo realizzare la cosa con JavaScript:

<form method=”get” action=”#” name=”modulo”>
<select name=”combo”>
<option value=”0″ selected=”selected”>SI</option>
<option value=”1″>NO</option>
</select>
<select name=”combo2″>
<option value=”0″ selected=”selected”>SI</option>
<option value=”1″>NO</option>
</select>
<input type=”button” value=”IMPOSTA SU SI” onclick=”javascript:setCombo(0)” />
<input type=”button” value=”IMPOSTA SU NO” onclick=”javascript:setCombo(1)” />
</form>

Nel form ho inserito due button che richiamano una funzione javascript passandogli il parametro che dovrà essere impostato su tutte le combo.

Ecco la funzione JS:

<script language=”javascript” type=”text/javascript”>

function setCombo(valore) {

if (valore==0) document.modulo.combo.value=0;
if (valore==1) document.modulo.combo.value=1;

if (valore==0) document.modulo.combo2.value=0;
if (valore==1) document.modulo.combo2.value=1;

}

</script>

Potete osservare il comportamento dello script qui.

NO SPAM. Non fornirò la tua email a terzi e riceverai solo contenuti che ti interessano sugli argomenti che tratto e potrai cancellarti quando vuoi con un link che trovi in tutte le email.