困惑！怎样让<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>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

你想要既可以输入，有想下列的东西吧
http://lucky.myrice.com/temp/select.htm
<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>