Nwlapcug.com


Come nascondere il menu a tendina in JavaScript



Ci sono molte ragioni perché si potrebbe voler nascondere un elenco a discesa in una pagina Web senza dover ricaricare l'intera pagina. Si può chiedere all'utente di scegliere da un elenco di elementi che include un'opzione "altro" e desidera nascondere l'elenco a discesa in favore di un controllo textbox. L'elenco a discesa può essere uno di una serie che dipende da una scelta anteriore che rende il tuo utente. In ogni caso, nascondere l'elenco a discesa è un'operazione semplice che richiede solo poche righe di codice JavaScript.

Istruzioni

1

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

2

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

< selezionare id = "mydropdown" >

3

Inserire il codice seguente sotto il tag < select >:

< input type = valore "pulsante" = "Nascondi elenco" onClick="document.getElementById (mydropdown).style.display = 'none';" >

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

4

Salvare e pubblicare la tua pagina Web. L'elenco a discesa ora scomparirà quando si fa clic sul pulsante "Nascondi elenco".