Modificare con un solo click il valore di una o più combobox

Pubblicato il 18 Febbraio 2009

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.

Autore: emawebdesign

Full Stack Developer, SEO Specialist, esperto della trasformazione digitale con oltre 20 anni di esperienza.

Pubblicato in: