Question

当用户输入与主题数量相对应的表格行数时，我创建了一个表单。我希望用户将数据插入此表格的列中或填充它。如何我可以做到这一点，因为我的桌子只是站在那里chillin＆＃39;我无法将数据插入其中。这是我的代码。请有人告诉我如何将数据插入此表的列而不是短语＆＃34; one＆＃34;和＆＃34;两个＆＃34;我已用于演示。此代码没有错误，因此效果非常好。

＆＃13;

<html>
<head>
	<title>
	</title>
</head>
<body>
Insert nr of subjects	 
<input type="text" id="row"></input>
<button onclick="myFunction()" >Sub </button>
<div id="container"></div><!--hapesira qe i kemi lene tabeles ne faqe-->
<script>

function myFunction(){


    //Get the value the user gave
    var nr = document.getElementById("row").value;
    //e kthej ne int nga string qe esht
    var c=parseInt(nr);
    var div=document.getElementById("container");
     div.innerHTML = " ";
      div.innerHTML += "<table border='1' id='table'>";
     document.getElementById('table').innerHTML += "<tr><td>SUBJECT</td><td>POINTS</td></tr>"; 

      for (i = 0; i < c; i++) {

        //Write the rows and cells
        document.getElementById('table').innerHTML += "<tr><td>  one </td><td>  two </td></tr>";
}
}
</script>
</body>
 </html>

＆＃13;

Answer 1

我将代码更改为插入输入而不是“一”和“两个”，类subject和points。要存储此信息，您必须获取表格的每一行并提取这些输入的值，并将其存储在数据库中。

function myFunction(){


    //Get the value the user gave
    var nr = document.getElementById("row").value;
    //e kthej ne int nga string qe esht
    var c=parseInt(nr);
    var div=document.getElementById("container");
     div.innerHTML = " ";
      div.innerHTML += "<table border='1' id='table'>";
     document.getElementById('table').innerHTML += "<tr><td>SUBJECT</td><td>POINTS</td></tr>"; 

      for (i = 0; i < c; i++) {

        //Write the rows and cells
        document.getElementById('table').innerHTML += '<tr><td><input type="text" class="subject" /></td><td><input type="text" class="points"/></td></tr>';
}
}

Answer 2

您使用HTML输入元素允许用户在表单中输入数据。 http://www.w3schools.com/tags/tag_input.asp

Answer 3

添加行时请添加输入元素。试试这个：

＆＃13;

<html>
<head>
	<title>
	</title>
</head>
<body>
Insert nr of subjects	 
<input type="text" id="row"></input>
<button onclick="myFunction()" >Sub </button>
<div id="container"></div><!--hapesira qe i kemi lene tabeles ne faqe-->
<script>

function myFunction(){


    //Get the value the user gave
    var nr = document.getElementById("row").value;
    //e kthej ne int nga string qe esht
    var c=parseInt(nr);
    var div=document.getElementById("container");
     div.innerHTML = " ";
      div.innerHTML += "<table border='1' id='table'>";
     document.getElementById('table').innerHTML += "<tr><td>SUBJECT</td><td>POINTS</td></tr>"; 

      for (i = 0; i < c; i++) {

        //Write the rows and cells
        document.getElementById('table').innerHTML += "<tr><td><input type='text' id= 'sub'> </td><td><input type='text' id='points'></td></tr>";
}
}
</script>
</body>
 </html>

＆＃13;

干杯！

将数据添加到表中并将其保存到数据库中

3 个答案: