javascript - 从动态表格中读取值

Question

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

html 表单 中有一个表格，有两列和动态行。用户可以单击添加按钮插入一行，每列有一个文本输入。我使用 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 开发者，所以如果我说错了，请原谅我。 ;-)

Answer 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>