正在从动态表窗体中读取值

Reading values from a dynamic table form

本文关键字：读取 窗体 动态      更新时间：2023-09-26

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

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;

但这只是给了我们第一组价值观。在做这样的事情时，请提出最佳做法。

附言：我是iOS开发人员，所以如果我说了一些错误，请原谅我。；-）

只是我的评论的一个快速示例

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>

相关文章：