Question

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

theobjectA.box->name内有一个包含两列和动态行的表。用户可以单击添加按钮以插入一行，每行包含一个文本输入。我使用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

但这只给了我们第一组值。在做这样的事情时，请建议最佳做法。

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>

从动态表格中读取值

1 个答案: