javascript - 在 foreach 循环内提交特定表单

Question

我正在尝试提交如下所示的表单

 {foreach from=$myInfo item=list}
  <tr>  
      <td>    
          <form id="formq" method="post" action="{eval var=$rootPath}/devt/index?request=getme">

  <input type="text" name="taskida" value="{$list.pa_id}" >
<input type="button" onclick="addFunction();" value="Add Task">
</form></td></tr>{/foreach}

我如何仅提交我点击提交的pa_id而不是整个列表。

<script type="text/javascript"> 
    function addFunction() {
 document.getElementById('formq').submit();   

}

Answer 1

首先，您只能将一个 id 分配给一个元素。您不能对同一页面上的多个元素使用单个 ID。

例如，在循环中，执行具有相同 id formq 的循环后，您将有多个表单。那是错的。您必须为每个元素使用唯一的 ID。

所以尝试使用如下代码:

HTML/PHP

 {foreach from=$myInfo item=list}

  <tr>  
  <td>    
      <form id="formq_{$list.pa_id}" post" action="{eval var=$rootPath}/devt/index?request=getme">

 <input type="text" name="taskida" value="{$list.pa_id}" >
 <input type="button" onclick="addFunction({$list.pa_id});" value="Add Task">
 </form></td></tr>
 {/foreach}

Javascript

<script type="text/javascript"> 
function addFunction(id) {
document.getElementById('formq'+id).submit();   
}