一个比较简单的javascript问题

我的目的是：利用单选框onchange事件实现两种不同的显示结果：
但是现在的问题是：
1、更换了单选框的选择，javascripe里的内容没有显示出来，页面没有任何反应；
2、如果要在javascripe里输出大量的html代码，是否有更合适的方法
请问上述两个问题如何解决，谢谢！<SCRIPT language="javascript"> //判断输入开始
function showan()
{
 docume.write("<table width=600 border=1 cellpadding=5 cellspacing=0 align=center>")   
 docume.write("<tr bgcolor=#BFCCDF>")    
 docume.write("<td colspan=3 width=600 height=19>")   
 docume.write("<b><div align=center>只增加申请号</div></b>")    
 docume.write("</td>")    
 docume.write("</tr>")    
 docume.write("</table>")       
}function showall()
{
 docume.write("<table width=600 border=1 cellpadding=5 cellspacing=0 align=center>")   
 docume.write("<tr bgcolor=#BFCCDF>")    
 docume.write("<td colspan=3 width=600 height=19>")   
 docume.write("<b><div align=center>显示更多信息</div></b>")    
 docume.write("</td>")    
 docume.write("</tr>")    
 docume.write("</table>")       
}
</SCRIPT>   <table width="600" border="1" cellpadding="5" cellspacing="0" bordercolorlight="#999999" bordercolordark="#FFFFFF" align="center">
    <tr bgcolor="#BFCCDF"> 
      <td colspan="3" width="600" height="19"> 
        <b><div align="center">增加专利信息</div></b>
      </td>
    </tr>
    <tr>          
      <td width="220" height="23"  align="left">新增方式：</td>         
      <td width="380" colspan="2" height="23">          
        <input type="radio" name="patent_an" value = "onlyan" onclick="showan()">只录入申请号<br>
        <input type="radio" name="patent_an" value = "more" checked onclick="showall()">录入更多内容<br>       
      </td>        
    </tr>        
  </table>

解决方案 »

  1.   

    此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
    楼主【jiangeb】截止到2008-07-10 09:57:38的历史汇总数据(不包括此帖)：
    发帖的总数量:40                       发帖的总分数:1238                     每贴平均分数:30                       
    回帖的总数量:18                       得分贴总数量:0                        回帖的得分率:0%                       
    结贴的总数量:40                       结贴的总分数:1238                     
    无满意结贴数:4                        无满意结贴分:110                      
    未结的帖子数:0                        未结的总分数:0                        
    结贴的百分比:100.00%               结分的百分比:100.00%                  
    无满意结贴率:10.00 %               无满意结分率:8.89  %                  
    敬礼!
      

  2.   

    你打错字了。
    docume.write 改成 document.write 
      

  3.   

    这个问题很简单，
    1.你没有输出内容来，很大一部分原因可能是你没有关闭document.close();
    2.你要输出html，可以这样。我不清楚你到底要在哪里输出html，我来一个假设，假设你在这段代码之前输出hmtl.那么你可以定义一个div，并且js要这么写例如：<SCRIPT language="javascript"> //判断输入开始 
    function showan() 
    { 
      var test=document.getElementById('test');
       test.outerHTML=" <table width=600 border=1 cellpadding=5 cellspacing=0 align=center>"+
                       " <tr bgcolor=#BFCCDF>"+
                       " <td colspan=3 width=600 height=19>"+ 
                       "<b> <div align=center>只增加申请号 </div> </b>"+
                        " </td>"+ 
                         " </tr>"+   
                         " </table>" ; 
       
    } function showall() 
    { 
    docume.write(" <table width=600 border=1 cellpadding=5 cellspacing=0 align=center>")  
    docume.write(" <tr bgcolor=#BFCCDF>")    
    docume.write(" <td colspan=3 width=600 height=19>")  
    docume.write(" <b> <div align=center>显示更多信息 </div> </b>")    
    docume.write(" </td>")    
    docume.write(" </tr>")    
    docume.write(" </table>")      
    } 
    </SCRIPT>  <div id="test"></div>
     <table width="600" border="1" cellpadding="5" cellspacing="0" bordercolorlight="#999999" bordercolordark="#FFFFFF" align="center"> 
        <tr bgcolor="#BFCCDF"> 
          <td colspan="3" width="600" height="19"> 
            <b> <div align="center">增加专利信息 </div> </b> 
          </td> 
        </tr> 
        <tr>          
          <td width="220" height="23"  align="left">新增方式： </td>        
          <td width="380" colspan="2" height="23">          
            <input type="radio" name="patent_an" value = "onlyan" onclick="showan()">只录入申请号 <br> 
            <input type="radio" name="patent_an" value = "more" checked onclick="showall()">录入更多内容 <br>      
          </td>        
        </tr>        
      </table>
      

  4.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     <html>
     <SCRIPT language="javascript"> //判断输入开始 
    function showan() 
    { 
    var a=document.getElementById('a');
    if(a.checked==true){
    document.write(" <table width=600 border=1 cellpadding=5 cellspacing=0 align=center>")  
    document.write(" <tr bgcolor=#BFCCDF>")    
    document.write(" <td colspan=3 width=600 height=19>")  
    document.write(" <b> <div align=center>只增加申请号 </div> </b>")    
    document.write(" </td>")    
    document.write(" </tr>")    
    document.write(" </table>")      
    } 
    else {
    document.write(" <table width=600 border=1 cellpadding=5 cellspacing=0 align=center>")  
    document.write(" <tr bgcolor=#BFCCDF>")    
    document.write(" <td colspan=3 width=600 height=19>")  
    document.write(" <b> <div align=center>显示更多信息 </div> </b>")    
    document.write(" </td>")    
    document.write(" </tr>")    
    document.write(" </table>")  
    }
    }
    </SCRIPT> 
    <body>
      <table width="600" border="1" cellpadding="5" cellspacing="0" bordercolorlight="#999999" bordercolordark="#FFFFFF" align="center"> 
        <tr bgcolor="#BFCCDF"> 
          <td colspan="3" width="600" height="19"> 
            <b> <div align="center">增加专利信息 </div> </b> 
          </td> 
        </tr> 
        <tr>          
          <td width="220" height="23"  align="left">新增方式： </td>        
          <td width="380" colspan="2" height="23">          
            <input type="radio" id="a" name="patent_an" value = "onlyan" onclick="showan()">只录入申请号 <br> 
            <input type="radio"  id="b"name="patent_an" value = "more" checked onclick="showan()">录入更多内容 <br>      
          </td>        
        </tr>        
      </table>
      <body>
      </html>
      

  5.   

    js大量输出...document.write()...
    还有改页面组件的css 
    display: none;隐藏   display: block; 显示
    <SCRIPT language="javascript"> //判断输入开始 function showan()
    {
      document.getElementById('tban').style.display = 'block';
      document.getElementById('tball').style.display = 'none';
    }
    function showall() 
    { 
      document.getElementById('tball').style.display = 'block';
      document.getElementById('tban').style.display = 'none';
    } 
    </SCRIPT> <table width=600 border=1 cellpadding=5 cellspacing=0 align=center id=tban style="display: none">
    <tr bgcolor=#BFCCDF>
    <td colspan=3 width=600 height=19>
    <b> <div align=center>只增加申请号 </div> </b>   
    </td>
    </tr> 
    </table>
    <table width=600 border=1 cellpadding=5 cellspacing=0 align=center id=tball  style="display: none">  
    <tr bgcolor=#BFCCDF> 
    <td colspan=3 width=600 height=19>
     <b> <div align=center>显示更多信息 </div> </b>   
    </td>   
     </tr>    
    </table>   <table width="600" border="1" cellpadding="5" cellspacing="0" bordercolorlight="#999999" bordercolordark="#FFFFFF" align="center"> 
        <tr bgcolor="#BFCCDF"> 
          <td colspan="3" width="600" height="19"> 
            <b> <div align="center">增加专利信息 </div> </b> 
          </td> 
        </tr> 
        <tr>          
          <td width="220" height="23"  align="left">新增方式： </td>        
          <td width="380" colspan="2" height="23">          
            <input type="radio" name="patent_an" value = "onlyan" onclick="showan()">只录入申请号 <br> 
            <input type="radio" name="patent_an" value = "more" checked onclick="showall()">录入更多内容 <br>      
          </td>        
        </tr>        
      </table>