從動態表格中讀取值

Question

好。 因此，我正在協助我的后端開發人員解決某些表單提交問題。 這是場景：

html form有一個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開發人員，所以如果我說錯了，請原諒我。 ;-)

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>