从动态表格中读取值答案

【问题标题】：Reading values from a dynamic table form从动态表格中读取值
【发布时间】：2016-03-10 07:34:37
【问题描述】：

好的。所以我正在协助我的后端开发人员解决一些表单提交问题。这是场景：

html form 中有一个表，其中包含两列和动态行。用户可以单击添加按钮来插入一行，每列有一个文本输入。我使用jQuery 做到了这一点。以下是用户插入两行后表格的外观：

<form>
...
<tbody class="table-hover addScreen">
  <tr>
    <td class="text-left"> <input name="screenNameTextBox" type="text" id="screenNameTextBox" value="a"> </td>
    <td class="text-left"> <input name="seatsAvlTextBox" type="text" id="seatsAvlTextBox" value="b"> </td>
  </tr>
  <tr>
    <td class="text-left"> <input name="screenNameTextBox" type="text" id="screenNameTextBox" value="c"> </td>
    <td class="text-left"> <input name="seatsAvlTextBox" type="text" id="seatsAvlTextBox" value="d"> </td>
  </tr>
</tbody>
...
</form>

现在我们不知道如何在单击submit 按钮时在服务器端读取这些数据。我们试过这个：

string textboxval1 = screenNameTextBox.value;
string textboxval2 = seatsAvlTextBox.Value;

但这只会给我们第一组值。请提出在执行此类操作时的最佳做法。

PS：我是一名 iOS 开发者，如果我说错了，请原谅我。 ;-)

【问题讨论】：

id 在文档中应该是唯一的，使用类代替并使用循环来读取值

标签： javascript html asp.net visual-studio

【解决方案1】：

我的评论只是一个简单的例子，

function readForm(){
 event.preventDefault;
var resultsBox= document.getElementById('results');
   
  var screenNames=document.getElementsByClassName('screenNameTextBox');
  var seatsAv=document.getElementsByClassName('seatsAvlTextBox');
  
  for(var i=0;i<=screenNames.length;i++){
    
   resultsBox.innerHTML+=screenNames[i].value+' '+seatsAv[i].value+'<br>';
   
    
    }
  
  
  
  
  }

<form onsubmit="readForm();">
  Enter some values:<br>
  <input  type="text" class="screenNameTextBox"/>
   <input  type="text" class="seatsAvlTextBox"/>
  <input  type="text" class="screenNameTextBox"/>
   <input  type="text" class="seatsAvlTextBox"/>
  
  <input type="submit" />
 </form>
<div id="results">results  :<br></div>

【讨论】：