select控制本页面内容的问题

[liuming_007]

如何由select来选择本网页中显示的内容啊？？最好不刷新。

如下：
select 中有2个选项。如果选1，则这个网页的下面出现的是“内容1”， 如果选2，则这个网页的下面出现的是“内容2”。谢谢啊！

<select name="tx" onchange=（）>
<option value="1">1</option>
<option value="2">2</option>
</select>


<!--内容1-->
......
<br>
<input type="hidden" name="tm" value="">
<input type="hidden" name="spf_tm" value="">
......
<%
%>
<!--内容1结束-->


<!--内容2-->
......
<br>
<input type="hidden" name="tm" value="">
<input type="hidden" name="spf_tm" value="">
......
<%
%>
<!--内容2结束-->

[凡夫与俗子]

貌似要用到Ajax啊，无刷新。我一时也写不出来，呵呵帮你顶顶

[lzp4881]

简单点可以用iFrame

<script language="javascript">
function showInfo(n)
{
if (n==1)
document.getElementById("info").src = "a.html";
else
document.getElementById("info").src = "b.html";
}

</script>

<select name="tx" onchange="showInfo(this.value)">
<option value="1">1 </option>
<option value="2">2 </option>
</select>
<iframe id="info" marginwidth="0" marginheight="0" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>

[zsyzzz]

Ajax就可以 不用刷新了

[ygyjack]

<script language="javascript"> 
      function f_content(value) { 
            if (value==1) {
                  document.getElementById("c2").style.display="none"; 
                  document.getElementById("c1").style.display="block"; 
            }else {
                  document.getElementById("c2").style.display="block"; 
                  document.getElementById("c1").style.display="none";
            }
      } 
</script> 
<select name="tx" onchange="f_content(this.value)">   
      <option value="1">1 </option> 
      <option value="2">2 </option> 
</select> 
<div id="c1" style="display=none">
      <br> content 1
      <input type="hidden" name="tm" value=""> 
      <input type="hidden" name="spf_tm" value=""> 
</div>
<div id="c2" style="display=none">
      <br> content 2
      <input type="hidden" name="tm" value=""> 
      <input type="hidden" name="spf_tm" value=""> 
</div>

[ygyjack]

<select name="tx" onchange="javascript: document.getElementById('c1').innerHTML = this.value;">   
<option value="Content 1">1 </option> 
<option value="Content 2">2 </option> 
</select> 
<div id="c1"></div>
      <input type="hidden" name="tm" value=""> 
      <input type="hidden" name="spf_tm" value=""> 

WAY 2

[liuming_007]

谢谢ygyjack、lzp4881、zxdldh007、zsyzzz的帮忙！

[liuming_007]

觉得ygyjack的最好理解，lzp4881的iFrame的方法也是可行的，zxdldh007、zsyzzz提到的Ajax小弟才疏学浅，还不太了解啊。
还是谢谢各位了！