display:none; da javascript a SELECT html
Salve a tutti e grazie in anticipo a chi saprà aiutarmi. Il problema è il seguente: ho tre SELECT e, in base alla scelta del primo select, devo far comparire uno dei due select. Mi spiego meglio col codice:
Codice HTML:
<select id="scegli"><option>Lista 1</option><option>Lista 2</option></select>
<select id="listauno" style="display:none;"><option>Marco</option><option>Giulia</option></select>
<select id="listadue" style="display:none;"><option>Salvo</option><option>Alessia</option></select>
Se scelgo Lista 1 dal primo select, dovrà settarmi su display:visible; solo il select listauno. Viceversa se scelgo Lista 2. Volevo farlo in Jquery o Javascript. Come posso fare?