將乘法表的值打印到JavaScript的文本框中
[英]Print Multiplication table values into a text-box in JavaScript
問題描述
我已使用以下腳本來打印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>
4 個解決方案
解決方案1
2 已采納 2018-08-02 12:02:07
您需要將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>
解決方案2
0 2018-08-02 12:01:54
我希望這可以..快樂的編碼:)
$(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>
解決方案3
0 2018-08-02 12:04:51
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>");
解決方案4
0 2018-08-02 12:05:29
我稍微更改了您的代碼，我得到了：
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>");
\r\n\r\n
在Javascript的警報框中打印任意數量的乘法表
[英]Print multiplication table of any number in an alert box in Javascript
如何通過從數據庫中檢索值來顯示文本框中的值？
[英]how to display the values in a text-box by retrieving that values from the database?
將 select 選項乘以 JavaScript 中的文本框用戶輸入
[英]Multiplying select options by text-box user inputs in JavaScript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.