Question

我还在上HTML课程，但上周我设法做到了这一点，现在我完全忘记了答案。

基本上有两个输入。在一个中，输入列数，另一个输入行数。当您按下按钮时，它会创建一个包含这些内容的表格（表格的内容无关紧要）。我应该在一个函数中使用参数但是我忘了它们是如何工作的，这是我最终得到的混乱：我很确定除参数部分之外的所有内容都是正确的。我只是不知道如何从输入文本中获取值并将它们用作参数。

<html>
<head> <title> Rows and Columns </title> </head>
<body>

<form name="form">

Number of rows: <input type="text" name="row" />
Number of columns: <input type="text" name="col" />
<input type="button" onClick="create(c,r)" value="create" />



</form>


<script>


function create(c,r) {
    c=document.forms.form.col.value
    r=document.forms.form.row.value
    document.write("<table width='1'>" + 
    for(i=1;i<=r;i++) { document.write("<tr>" + 
        for(e=1;e<=c;e++) { document.write("<td>" + c + "</td>") } + "</tr>") } + "</table>")





</script>
</body>

</html>

Answer 1

您可以在调用onClick时传递值，如下所示：

<input type="button" onClick="create(document.forms.form.col.value, document.forms.form.row.value)" value="create" />

从创建功能中删除这些

c=document.forms.form.col.value
r=document.forms.form.row.value

如何输入行数和列数，并创建表

1 个答案: