Question

我已使用以下脚本来打印9的乘法表，但由于我定义的循环不合适，因此无法正常工作。请为此提供帮助

我想从表格中获取值并将其打印在文本框中

document.write("<table border='2' width='30%'>");
document.write("<tr><th>X</th><th>Y</th><th>X*Y</th></tr>");
for (i = 1; i <= 10; i++) {
  document.write("<tr><td>" + i + "</td>" + "<td>9</td>" + "<td><input type='text' id='sum'></td></tr>");
  var x = i * 9;
  document.getElementById("sum").value = x;
}
document.write("</table>");

<form>
</form>

Answer 1

您需要将i值添加到sum div中，如下所示：

   <html><head>
 <form>
 <script language="JavaScript">
 document.write("<table border='2' width='30%'>");
 document.write("<tr><th>X</th><th>Y</th><th>X*Y</th></tr>");
 for(i=1;i<=10;i++)
 {
 document.write("<tr><td>"+i+"</td>"+"<td>9</td>"+"<td><input type='text' id='sum" + i +"'></td></tr>");
 var x=i*9;
 document.getElementById("sum" + i).value=x;
 }
 document.write("</table>");
</script>
</head><body>
</body>
</html>

Answer 2

我希望这可以..快乐的编码：）

$(document).ready(() => {
  let html = [];
 
  for(let i =1; i<=10 ; i++){
     html.push(`<tr> 
                  <td>9 * ${i}</td>
                  <td>= ${9 * i}</td>
                </tr>`)
  }
  $("#mulNine").append(html.join(""))
  
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table id ="mulNine"></table>

Answer 3

Id必须唯一，您也要使用相同的ID。只需将X粘贴到带有html的字符串中

document.write("<table border='2' width='30%'>");
document.write("<tr><th>X</th><th>Y</th><th>X*Y</th></tr>");
for (i = 1; i <= 10; i++) {
    var x = i * 9;
  document.write("<tr><td>" + i + "</td>" + "<td>9</td>" + "<td><input type='text' value=\"" + x + "\"></td></tr>");

}
document.write("</table>");

Answer 4

我稍微更改了您的代码，我得到了：-

document.write("<table border='2' width='30%'>");
    			 document.write("<tr><th>X</th><th>Y</th><th>X*Y</th></tr>");
    			 for(i=1;i<=10;i++)
    			 {
    			 document.write("<tr><td>"+i+"</td>"+"<td>9</td>"+"<td><input type='text' id='sum' value=" + i*9+ "></td></tr>");
    			 
    			 }
    			 document.write("</table>");

将乘法表的值打印到JavaScript的文本框中

4 个答案: