困惑！怎样让<input>，<select>在同一个地方交替出现？？

try<select id="selist" style="display:none">
<option value="1">1</option>
<option value="2">2</option>
</select>
<input type="text" id="txt"><br>
<input type="button" id="btn" value="show list" onclick="showItem()">
<script language="javascript">
function showItem()
{
  if (selist.style.display=="none")
  {
selist.style.display="";
txt.style.display="none";
btn.value="show text";
  }
  else
  {
selist.style.display="none";
txt.style.display="";
btn.value="show list";
  }
}
</script>

解决方案 »

  1.   

    你想要既可以输入，有想下列的东西吧
    http://lucky.myrice.com/temp/select.htm
      

  2.   

    <body>
    <select name="parent" onchange=chg(this.value)>
    <option value="1">input</option>
    <option value="2">select</option>
    </select> 
    <input id=test>
    hehe
    <script>
    function chg(str){
    if(str=="1")test.outerHTML="<input id=test>";
    if(str=="2")test.outerHTML="<select id=test><option>a</option><option>b</option><option>c</option></select>";
    }
    </script>