HTML: pulsanti di opzione collegati per selezionare elenchi

Question

Scusa la mia mancanza di conoscenza dell'html, ma è possibile impostare un set di 3 pulsanti di opzione dire in modo che ognuno si colleghi a un diverso elenco di elementi selezionato?

Quello che sto cercando di fare è consentire all'utente di selezionare:

Progetti seleziona l'elenco di tutti i progetti,
Attività selezionare l'elenco di tutte le attività,
Gli utenti selezionano l'elenco di tutti gli utenti

Finora sono riuscito a capire i pulsanti di opzione, visualizzano solo testo e hanno un valore di invio come input. Ciò che sto pensando di non è fattibile?

Spero in qualche modo che ci sia un modo semplice per collegare il pulsante di opzione a ciascun elenco di selezione, ma nel peggiore dei casi posso solo immaginare che un elenco di selezione appropriato inserisca il suo valore nel campo valore del pulsante di opzione tramite un metodo javascript. Questo sembra inutilmente complicato anche se per quella che sembra un'idea così semplice.

Answer 1

Dovresti certamente usare javascript per farlo; i semplici pulsanti radio HTML hanno semplicemente lo scopo di trasmettere un singolo valore nell'invio di un modulo.

Per chiarire cosa stai chiedendo, è questo che avevi in ??mente:

1. l'utente inizia con un set di 3 pulsanti di opzione che indicano quale tipo di selezione desiderano effettuare
2. l'utente seleziona uno dei pulsanti
3. l'utente vede un elenco selezionato per il tipo appropriato di elemento

Se questo è ciò che intendi, il modo più semplice per farlo è semplicemente aggiungere tutti e tre gli elenchi di selezione, ma tenerli nascosti. Quindi aggiungi un evento javascript ai pulsanti di opzione per mostrare quello selezionato (e nascondi gli altri se necessario).