將數據添加到表中並將其保存到數據庫中

當用戶輸入與主題數對應的表的行數時，我創建了一個表單。我希望用戶將數據插入到此表的列中或以填補它。我怎麼能做到這一點，因爲我的表只是站在那裏寒冷'我不能插入數據到它。這是我的代碼。請有人演示如何將數據插入到此表的列中，而不是用於演示的短語「one」和「two」。此代碼沒有錯誤，因此非常有用。將數據添加到表中並將其保存到數據庫中

<html> 
 
<head> 
 
\t <title> 
 
\t </title> 
 
</head> 
 
<body> 
 
Insert nr of subjects \t 
 
<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>

來源

2016-01-12 Doggy

我改變你的代碼中插入的投入，而不是「一」和「二」，帶班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>'; 
} 
}

來源

2016-01-12 21:06:00 IrkenInvader

謝謝！正確的答案！ – Doggy

你能告訴我如何將這些數據：主題和點數存入數據庫嗎？我這樣做了：然後將此名稱用作$ POST var [$ subject]存儲在數據庫中，但它沒有幫助。 – Doggy

您使用的HTML輸入元素，允許用戶將數據輸入到表單。 http://www.w3schools.com/tags/tag_input.asp

來源

2016-01-12 21:02:29

好的，我知道這一點，但我希望用戶在我創建的表格中輸入數據。是否有可能？因此，我想將此表格用作表格 – Doggy

使用輸入字段而不是「one」和「二」。您可以使用創建表格單元的相同方式創建輸入字段：將文本添加到js字符串中。 –

非常感謝！ – Doggy

請在添加行時添加輸入元素。試試這個：

<html> 
 
<head> 
 
\t <title> 
 
\t </title> 
 
</head> 
 
<body> 
 
Insert nr of subjects \t 
 
<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>

乾杯！

來源

2016-01-12 21:06:27

您的代碼將使用相同的ID創建多個元素。 –

是的，我知道他可以將變量添加到id中，只是給出了想法。這個問題本身是非常基本的:-) –

非常感謝SachinThapa – Doggy

將數據添加到表中並將其保存到數據庫中

回答

相關問題