我在编写一个脚本来对表格的数字输入求和时遇到了问题
- 作者: admin
- 时间:
- 分类: JavaScript
我对Java脚本非常陌生,我有一个终生无法总结的表格.有谁可以帮我?
# 回答1
选择 | 换行 | 行号
- <table id="myTable">
- <tr>
- <th>Activity</th>
- <th>Sun</th>
- <th>Mon</th>
- <th>Tues</th>
- <th>Wed</th>
- <th>Thur</th>
- <th>Fri</th>
- <th>Sat</th>
- <th>Total</th>
- </tr>
- <tr>
- <td>
- <select>
- <option>Job Description</option>
- <option>Programing</option>
- <option>Analysis</option>
- <option>Techicnal Writing</option>
- <option>Other</option>
- </select>
- </td>
- <td align="center" width="5%"><input type="number" value="0" min="1" max="10"></td>
- <td align="center" width="5%"><input type="number" value="0" min="1" max="10"></td>
- <td align="center" width="5%"><input type="number" value="0" min="1" max="10"></td>
- <td align="center" width="5%"><input type="number" value="0" min="1" max="10"></td>
- <td align="center" width="5%"><input type="number" value="0" min="1" max="10"></td>
- <td align="center" width="5%"><input type="number" value="0" min="1" max="10"></td>
- <td align="center" width="5%"><input type="number" value="0" min="1" max="10"></td>
- <td align="center" width="5%"><input align="center" type="number" name="total" min="0" max="99999999"></td>
- </tr>
- </table>
- <button onclick="addRow()">Add Job Description +</button>
- <br>
- <br>
- <br>
- <br>
- <br>
- <br>
- <button onclick="myFunction()">Submit</button>
- <script>
- function addRow() {
- var table = document.getElementById("myTable");
- var row = table.insertRow();
- var cell1 = row.insertCell(0);
- var element1 = document.createElement("Select");
- var option1 = document.createElement("option");
- option1.value="1";
- option1.innerHTML="Job Description";
- element1.appendChild(option1);
- var option2 = document.createElement("option");
- option2.value="2";
- option2.innerHTML="Programming";
- element1.appendChild(option2);
- var option3 = document.createElement("option");
- option3.value="3";
- option3.innerHTML="Analysis";
- element1.appendChild(option3);
- var option4 = document.createElement("option");
- option4.value="4";
- option4.innerHTML="Technical Writing";
- element1.appendChild(option4);
- var option5 = document.createElement("option");
- option5.value="5";
- option5.innerHTML="Other";
- element1.appendChild(option5);
- cell1.appendChild(element1);
- var cell2 = row.insertCell(1);
- var cell3 = row.insertCell(2);
- var cell4 = row.insertCell(3);
- var cell5 = row.insertCell(4);
- var cell6 = row.insertCell(5);
- var cell7 = row.insertCell(6);
- var cell8 = row.insertCell(7);
- var cell9 = row.insertCell(8);
- cell2.innerHTML = "<div align=\"center\"><input type=\"number\" value=\"0\" min=\"1\" max=\"10\"></div>";
- cell3.innerHTML = "<div align=\"center\"><input type=\"number\" value=\"0\" min=\"1\" max=\"10\"></div>";
- cell4.innerHTML = "<div align=\"center\"><input type=\"number\" value=\"0\" min=\"1\" max=\"10\"></div>";
- cell5.innerHTML = "<div align=\"center\"><input type=\"number\" value=\"0\" min=\"1\" max=\"10\"></div>";
- cell6.innerHTML = "<div align=\"center\"><input type=\"number\" value=\"0\" min=\"1\" max=\"10\"></div>";
- cell7.innerHTML = "<div align=\"center\"><input type=\"number\" value=\"0\" min=\"1\" max=\"10\"></div>";
- cell8.innerHTML = "<div align=\"center\"><input type=\"number\" value=\"0\" min=\"1\" max=\"10\"></div>";
- cell9.innerHTML = "<div align=\"center\"><input type=\"number\" name=\"total\" min=\"0\" max=\"99999999\"></div>";
- }
- </script>
标签: Javascript