一个复选框和一个下拉框，当选择复选框时下拉框显示，否则不显示，请问怎么搞？谢谢

Question

<form method="POST" action="--WEBBOT-SELF--">
  <p><input type="checkbox" name="C1" value="ON" checked onclick="D1.style.display=(this.checked)?'':'none'"><select size="1" name="D1">
    <option value="aaa">aaa</option>
  </select></p>
</form>

Answer 1

<INPUT id="mycheckbox" style="Z-INDEX: 101; LEFT: 72px; WIDTH: 24px; POSITION: absolute; TOP: 192px; HEIGHT: 24px" type="checkbox" onclick="display()">
<SELECT id="droplist" style="DISPLAY: none; Z-INDEX: 102; LEFT: 112px; WIDTH: 88px; POSITION: absolute; TOP: 192px; HEIGHT: 24px">
<OPTION selected></OPTION>
</SELECT>
<script language="javascript">
function display()
{
  if(document.getElementById("mycheckbox").checked == true)
  {
    document.getElementById("droplist").style.display="";
  }
  else
  {
    document.getElementById("droplist").style.display="none";
  }
}
</script>