如何让某些表单元素根据某个表单元素获得的数值重复显示？

Question

比如我在“重复部分的数量”后的文本框里输入3，则代码变成如下所示：<form name="problem" action="do" method="post">
<table width="100%" align="center" class="css_t">
<tr>
 <td class="css_head">重复部分的数量：</td>
 <td class="css_content">
 <html:text property="count"> 
 </td>
</tr>
</table><table width="100%" id="RepeatPart"align="center" class="css_t">
<tr>
 <td class="css_head">需要重复出现：</td>
 <td class="css_content">
 <html:text property="repeat"> 
 </td>
</tr>
</table><table width="100%" id="RepeatPart"align="center" class="css_t">
<tr>
 <td class="css_head">需要重复出现：</td>
 <td class="css_content">
 <html:text property="repeat"> 
 </td>
</tr>
</table><table width="100%" id="RepeatPart"align="center" class="css_t">
<tr>
 <td class="css_head">需要重复出现：</td>
 <td class="css_content">
 <html:text property="repeat"> 
 </td>
</tr>
</table>
</form>

Answer 1

不好意思，上面的代码应该是<form name="problem" action="do" method="post">
<table width="100%" align="center" class="css_t">
<tr>
 <td class="css_head">重复部分的数量：</td>
 <td class="css_content">
 <html:text property="count"> 
 </td>
</tr>
</table><table width="100%" id="RepeatPart"align="center" class="css_t">
<tr>
 <td class="css_head">需要重复出现：</td>
 <td class="css_content">
 <html:text property="repeat"> 
 </td>
</tr><tr>
 <td class="css_head">需要重复出现：</td>
 <td class="css_content">
 <html:text property="repeat"> 
 </td>
</tr><tr>
 <td class="css_head">需要重复出现：</td>
 <td class="css_content">
 <html:text property="repeat"> 
 </td>
</tr>
</table>
</form>

Answer 2

js中获得要重复出现的次数，让后循环，然后用document.write写出html代码。
比如重复3次
//文本框中取的重复次数
var num = document.getElementById("num");//需要重复次数的HTML代码
var str = "<tr>
 <td class="css_head">需要重复出现：</td>
 <td class="css_content">
 <html:text property="repeat"> 
 </td>
</tr>
";//循环写出需要重复的HTML
for (i=0;i<num;i++)
{
 document.write(str);
}
－－最后拜教主～

Answer 3

//文本框中取的重复次数 
var num = document.getElementById("num").value; 上面有个小错误，要加“.value”分那么多，给点分

Answer 4

上面的写法有一定的局限，就是执行完后，原页面的东西应该就没了。如果需要原页面的东西还在，这么做<form name="problem" action="do" method="post">
<table width="100%" align="center" class="css_t">
<tr>
 <td class="css_head">重复部分的数量：</td>
 <td class="css_content">
 <html:text property="count"> 
 </td>
</tr>
</table>
<table width="100%" id="RepeatPart"align="center" class="css_t">
<div id="rep">
</div>
</table>
javascript中这样：function ido()
{
  var num = document.getElementById("num").value; 
  var rep = document.getElementById("rep"); 
  var str = "<tr>
              <td class="css_head">需要重复出现：</td>
              <td class="css_content">
                <html:text property="repeat"> 
              </td>
             </tr>";
  for (i=0;i <num;i++) 
  { 
    str = str + str;
  }
  rep.outerHTML = str; 
}