如何使用C＃将数据从动态添加行保存到（csv/txt）文件到HTML表格中？

我有一个名为“newDataTable”里我加入新行动态与下面的JavaScript的帮助下表：如何使用C＃将数据从动态添加行保存到（csv/txt）文件到HTML表格中？

function addRow() 
    { 
     //add a row to the rows collection and get a reference to the newly added row 
     var table = document.getElementById('newDataTable'); 
     var lastRow = table.rows.length; 
     var newRow = table.insertRow(lastRow); 

     //add 6 cells (<td>) to the new row and set the innerHTML to contain text boxes 

     var newCell = newRow.insertCell(0); 
     newCell.innerHTML = "<label> City: </label>"; 

     newCell = newRow.insertCell(1); 
     newCell.innerHTML = "<input type='text' name='tb_city'/>"; 

     newCell = newRow.insertCell(2); 
     newCell.innerHTML = "<label> State: </label>"; 

     newCell = newRow.insertCell(3); 
     newCell.innerHTML = "<input type='text' name='tb_state'/>"; 

     newCell = newRow.insertCell(4); 
     newCell.innerHTML = "<input title='Add Row' name='addButton' type='button' value='Add' onclick='addRow()' />"; 

     newCell = newRow.insertCell(5); 
     newCell.innerHTML = "<input title='Remove Row' name='deleteButton' type='button' value='Delete' onclick='removeRow(this)' />"; 
    }

所以一切后，这是我的网页看起来像： Screen Snippet of Form

现在，当用户单击“提交”按钮（使用C＃）时，如何从文本框中收集数据并将它们保存在csv/txt文件中？
我已经看到的一个明显问题是，我将行添加到HTML表格的方式不允许我为每个文本框设置ID。有什么办法解决这个问题吗？

我真的很感激任何帮助，这将允许我保存数据w/o更改addRow()谢谢！

来源

2011-12-13 AlwaysANovice

等待我的声望得分超过10，所以我可以添加一张我在这里问的照片：P – AlwaysANovice

我认为你的意思是唯一的'name'属性，对吧？他们必须是独一无二的，否则你只是用每一行都覆盖它们。你可以做'name = \'tb_state [“+ Math.Round（Math.Random（）* 50）] +”\“'，这会给每个'tb_state'值''tb_state'数组发送一个唯一的索引服务器，或者跟踪您添加的当前行号（这将是更可取的）。在表格周围包裹一个“表格”并提供一个“提交”按钮，然后你所剩下的就是保存提交数据的服务器端代码。 –

或者，您可以将AJAX添加到'addRow（）'动态发送每一行，因为它被添加到'表'到服务器。 –

也许你可以尝试这样的：

newCell.innerHTML = "<input type='text' name='tb_city[]'/>"; 
newCell.innerHTML = "<input type='text' name='tb_state[]'/>";

在这里，我只是通过增加[]改变了你的input S的name属性，它会发布阵列中的所有数据你。所以在服务器端，您只需遍历数组来获取所有数据。

来源

2011-12-13 04:35:09 TrexXx

哦！那很有意思！你能否给我提供一个类似例子的链接？请？！ TY！ – AlwaysANovice

我很长一段时间没有做过任何ASP，但这可能是相互冲突的：http://stackoverflow.com/questions/4561686/handling-arrays-of-html-input-elements-with-request-form-like- PHP – TrexXx

如何使用C＃将数据从动态添加行保存到（csv/txt）文件到HTML表格中？

回答

相关问题