一个比较简单的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>
[解决办法]
是document
拼写错误!
[解决办法]
你打错字了。
docume.write 改成 document.write
[解决办法]
所有docume换成document
[解决办法]
这个问题很简单，
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>
[解决办法]
<!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>
[解决办法]
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>