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?

Salve,
può farlo con javascript così:

Codice HTML:

---

<script>
function CambiaLista()
{
  if(document.getElementById("scegli").value=='Lista1'){document.getElementById("listauno").style.display = 'block';document.getElementById("listadue").style.display = 'none';}
  if(document.getElementById("scegli").value=='Lista2'){document.getElementById("listauno").style.display = 'none';document.getElementById("listadue").style.display = 'block';}
 
  if(window.editor){window.editor.refresh();}
}
</script>

<select id="scegli" onchange="CambiaLista()">
<option selected="selected" value="Lista1">Lista 1</option>
<option value="Lista2">Lista 2</option>
</select><br><br>

<select id="listauno">
<option value="Marco">Marco</option>
<option value="Giulia">Giulia</option>
</select>

<select id="listadue" style="display:none;">
<option value="Salvo">Salvo</option>
<option value="Alessia">Alessia</option>
</select>

---

Cordiali saluti.