同一个页面中，如何根据单选下拉框的内容，动态显示页面的内容？

Question

<script language="javascript">
function ChangeDisplay(obj)
{
  if(obj == "DBF")
  {
    DBF.style.display = ""
    ACCESS.style.display = "none"
  }
  if(obj == "ACCESS")
  {
    ACCESS.style.display = ""
    DBF.style.display = "none"
  }
}
</script><select onchange="ChangeDisplay(this.value)">
  <option>DBF</option>
  <option>ACCESS</option>
</select><span id="DFB" style="display:'none'">
  ..........
</span>
<span id="ACCESS" style="display:'none'">
  ..........
</span>

Answer 1

<script>
function f1()
{
 document.all.t1.style.display="block";
var index=document.all.sel1.options.selectedIndex;
if (index==2)
 document.all.tr1.style.display="none";
else
 document.all.tr1.style.display="block";
}
</script>
<select id="sel1" onchange=f1()>
<option>DBF</option>
<option>ACCESS</option>
<option>SQLSERVER</option>
<option>ORACLE</option>
</select>
<table id="t1" style="display='none'">
<tr id="tr1">
<td>服务器名称<input type="text" id=Txt1 size=10></td>
</tr>
<tr>
<td>数据库名称<input type="text" id="Txt2" size=10></td>
</tr>
<tr>
<td>用户名<input type="text" id=Txt3 size=10></td>
</tr>
<tr>
<td>密码<input type="text" id=Txt4 size=10></td>
</tr>
</table>

Answer 2

http://community.csdn.net/Expert/topic/4671/4671856.xml?temp=.5467035

Answer 3

用iframe做，将动态显示内容放在iframe中