在一个页面中，通过js如何根据用户的选择，来呈现要编写的模板？

Question

function check(){
var obj=document.getElementById('控件id');
var index=obj.options[obj.selectedIndex].value;
    if(index=="新闻"){
       window.open('新闻')；
     }
    if(index=="通知"){
       window.open('通知')；
     }}

Answer 1

   window.open('新闻')；
--------
这个是弹出一个新的窗口
我的需求是在同一个页面中
也就是说：选择模板与模板显示在同一个页面

Answer 2

这种效果??
<!--默认新闻模板-->
<select onchange="setBoard(this.value)">
<option value='1' selected>新闻</option>
<option value='2'>通知</option>
</select>
<table>
<tr id='news'><td>新闻模板</td></tr>
<tr id='tz' style='display:none'><td>通知模板</td></tr>
</table>
<script type='text/javascript'>
function setBoard(va)
{
  var n=document.getElementById('news');
  var t=document.getElementById('tz');
  if(va==1)
  {
    n.style.display='';
    t.style.display='none';
  }
  else
  {
    n.style.display='none';
    t.style.display='';
  }
}
</script>

Answer 3

这种效果?? HTML code<!--默认新闻模板-->
<select onchange="setBoard(this.value)">
<option value='1' selected>新闻</option>
<option value='2'>通知</option>
</select>
<table>
<tr id='news'><td>新闻模板</td></tr>
<tr id='tz' style='display:none'><td>通知模板</td></tr>
</table>
<script type='text/javascript'>
function setBoard(va)
{
  var n=document.getElementById('news');
  var t=document.getElementById('tz');
  if(va==1)
  {
    n.style.display='';
    t.style.display='none';
  }
  else
  {
    n.style.display='none';
    t.style.display='';
  }
}
</script>
------------------
这样把模板全部都写到一个页面中了
模板是一个一个独立的页面
模板大约有十几个，全部放在一个页面不太好

Answer 4

那你使用ajax异步装载模板了.

Answer 5

<select onchange="setBoard(this.value)">
<option value='1' selected>新闻模板1</option>
<option value='2'>通知模板1</option>
<option value='4'>通知模板2</option>
<option value='5'>通知模板3</option>
<option value='6'>新闻模板2</option>
</select>
<table>
<tr><td  id='tdBoard'>新闻模板</td></tr>
</table>
<script type='text/javascript'>
var obj=null;
function setBoard(va)
{
  var td=document.getElementById('tdBoard');
  var url="readboard.asp?id="+va;/根据id获取模板的服务器页面,返回html格式的数据
  obj=CreateAJAX();
  if(obj)
  {
    obj.open('get',url,true);
    obj.onreadystatechange=function()
    {
      if(obj.readystate==4)
      {
        if(obj.status==200)
          td.innerHTML=obj.responseText;//设置td的内容为模板的内容
        else
          alert('发生了错误!');
       }
    }
    obj.send();
  }  
}function CreateAJAX()
{  
  if(typeof(XMLHttpRequest)!="undefined")
     return new XMLHttpRequest();
  if(window.ActiveXObject)
  {
     var objs="MSXML2.XMLHttp.5.0","MSXML2.XMLHttp.4.0","MSXML2.XMLHttp.3.0","MSXML2.XMLHttp","Microsoft.XMLHTTP"];    
     var xmlhttp;
     for(var i=0;i<objs.length;i++)
     {
       try
       {
         xmlhttp=new ActiveXObject(objs[i]);
         return xmlhttp;
       }
       catch(e)
       {
         //do nothing
       } 
     }
   }  
  alert("不能创建AJAX对象，请查看您的浏览器配置或类型是否起用或支持AJAX！");
}
</script>

Answer 6

结贴，谢谢大家的回复根据大家的回复和我找的资料，有两个方法可以实现这种效果：
1.用frame框架
2.用ajax来获得所需模板