Ci sono molte ragioni per cui si potrebbe desiderare di nascondere un elenco a discesa in una pagina Web senza dover aggiornare l'intera pagina. Si può chiedere l'utente di scegliere da un elenco di elementi che include un'opzione "altro" e desiderio di nascondere l'elenco a discesa in favore di una casella di testo. L'elenco a discesa può essere uno di una serie che dipende da una scelta in precedenza che l'utente effettua. In ogni caso, nasconde un elenco a discesa è un compito semplice che richiede solo poche righe di codice JavaScript.

istruzione

1 Aprire la pagina Web con l'elenco a discesa che si desidera nascondere nel vostro editor di testo preferito.

2 Scorrere verso il basso per il tag <select> della lista a discesa che si desidera nascondere. Assicurarsi che ha un valore di "id", come nell'esempio qui sotto:

<Select id = "mydropdown">

3 Inserire il seguente codice sotto il tag <select>:

<Input type = valore "pulsante" = "nascondere la lista" onclick = "document.getElementById (mydropdown) .style.display = 'none';">

Sostituire il valore ID del tag <select> per l'istanza di "mydropdown" di cui sopra.

4 Salvare e pubblicare la pagina Web. L'elenco a discesa ora scompare quando si fa clic sul pulsante "nascondere la lista".