Come effettuare selezioni multiple in un elenco a discesa?

Come creare selezioni multiple in un elenco a discesa

Gli elenchi a discesa sono un elemento comune dei moduli e delle interfacce utente. Consentono agli utenti di selezionare una o più opzioni da un elenco predefinito. Per impostazione predefinita, gli elenchi a discesa consentono agli utenti di selezionare solo un’opzione alla volta. Tuttavia, è possibile abilitare le selezioni multiple per consentire agli utenti di scegliere più elementi.

Abilitare le selezioni multiple

Per abilitare le selezioni multiple in un elenco a discesa, è necessario modificare le impostazioni dell’elenco. Le istruzioni specifiche variano a seconda del software o della piattaforma utilizzati per creare l’elenco.

In genere, è necessario trovare l’opzione che controlla se consentire o meno le selezioni multiple. Ad esempio, in HTML, l’attributo “multiple” può essere utilizzato per abilitare le selezioni multiple:

<select multiple>
  <option value="opzione1">Opzione 1</option>
  <option value="opzione2">Opzione 2</option>
  <option value="opzione3">Opzione 3</option>
</select>

Aggiunta di voci all’elenco

Una volta abilitate le selezioni multiple, è possibile aggiungere voci all’elenco. Le voci possono essere aggiunte all’elenco tramite un’interfaccia utente o tramite codice.

In genere, è presente un pulsante o un collegamento per aggiungere nuove voci all’elenco. Ad esempio, in HTML, il tag “option” viene utilizzato per rappresentare una voce di elenco:

<select multiple>
  <option value="opzione1">Opzione 1</option>
  <option value="opzione2">Opzione 2</option>
  <option value="opzione3">Opzione 3</option>
  <option value="nuovaopzione">Nuova opzione</option>
</select>

Selezione di voci multiple

Una volta aggiunte le voci all’elenco, gli utenti possono selezionare più elementi utilizzando il mouse o la tastiera.

Per selezionare più elementi utilizzando il mouse, gli utenti possono tenere premuto il tasto Ctrl (su Windows) o il tasto Comando (su Mac) mentre fanno clic su ciascun elemento che desiderano selezionare.

Per selezionare più elementi utilizzando la tastiera, gli utenti possono utilizzare i tasti freccia per navigare nell’elenco e quindi premere il tasto Invio per selezionare ciascun elemento.

Esempio

Di seguito è riportato un esempio di elenco a discesa che consente agli utenti di selezionare più opzioni:

<select multiple>
  <option value="opzione1">Opzione 1</option>
  <option value="opzione2">Opzione 2</option>
  <option value="opzione3">Opzione 3</option>
  <option value="opzione4">Opzione 4</option>
</select>

Gli utenti possono selezionare più opzioni dall’elenco tenendo premuto il tasto Ctrl (o Comando) mentre fanno clic su ciascuna opzione. Gli utenti possono anche utilizzare i tasti freccia per navigare nell’elenco e premere Invio per selezionare ciascuna opzione.

Le selezioni multiple possono essere utili per consentire agli utenti di selezionare più elementi da un elenco. Sono comunemente usati in situazioni come la selezione di più etichette per un task o la selezione di più file da un elenco.