select multipla x stati con js x selezione continenti

[net.newbie]

Ciao

ho una select con tutta la lista delle nazioni..

l'utente può selezionare 1 o + valori nella select multipla

attualmente può selezionare tutto cliccando su un link posto sopra la select

ora dovrei aggiungere 1 link x ogni continente in modo che l'utente che vuole selezionare l'Europa può farlo senza doversi cercare tutte le nazioni...

premetto .. io in js sono una schiappa

come si può realizzare ?

Thx

[fcaldera]

prova questo

<script>
function selectCountry(c) {
  countries = document.getElementById('countries').getElementsByTagName('option');
  for (i=0; i<countries.length; i++) {
    if (countries[i].className == c) {
        countries[i].selected = 'selected';
    }

    // se vuoi che gli insiemi non siano mutuamente esclusivi
    // elimina il ramo else (3 righe seguenti)
    else {
        countries[i].selected = false;
    }
   
  }
  
}
</script>


Europa

Africa

Asia




<select name="countries" multiple="multiple" size="20" id="countries">
    <option value="Italia" class="europa">Italia</option>
    <option value="Laos" class="asia">Laos</option>
    <option value="Angola" class="africa">Angola</option>
    <option value="Birmania" class="asia">Birmania</option>
    <option value="Nigeria" class="africa">Nigeria</option>
    <option value="Repubblica Ceca" class="europa">Repubblica Ceca</option>
    <option value="Cina" class="asia">Cina</option>
</select>

Penso sia abbastanza facile capirne il funzionamento

[net.newbie]

a dir poco strepitoso

esattamente quello che mi serviva .. grazie mille