各位强手，在使用display样式时出现莫名错误，HTML页面代码后附，错误现象为：第一次单击文本框时能显示下拉列表并隐藏文本框，选择某值

因为你把select隐藏了，要隐藏层才对<HTML>
<HEAD>
<title>范例</title>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT LANGUAGE=javascript>
  function get(obj){
     obj.style.display = 'none';
     document.all.sel.style.display = 'block';
  }
  function set(obj){
     myform.txt.value = obj.options[obj.options.selectedIndex].text;
     myform.txt.style.display = 'block';
     obj.parentNode.style.display = 'none';
  }
</SCRIPT>
</HEAD>
<body>
<FORM NAME="myform" METHOD="POST">
  <TABLE BORDER="0" WIDTH="300" ALIGN="center" CELLPADDING="0" CELLSPACING="0">
     <TR>
    <TD>         
        <DIV style="width:100%;background-color:cccccc">籍贯：</DIV>
         <INPUT TYPE="text" NAME="txt" STYLE="display:block" ONCLICK="get(this)">
        <DIV ID="sel" STYLE="display:none">
            <SELECT NAME="jg" ONBLUR="set(this)">
               <OPTION VALUE=''>-请选择-</OPTION>
               <OPTION VALUE='1'>北京</OPTION>
               <OPTION VALUE='2'>上海</OPTION>
               <OPTION VALUE='3'>天津</OPTION>
            </SELECT>
        </DIV>
    </TD>
   </tr>
  </TABLE>
</FORM>
</BODY>
</HTML>