提交按钮在包含带有foreach的表格的表单中不起作用

Question

I have a form which contains a table . In the table , I used a foreach to fetch multiple data.

This is my code:

<from method="post" action="/provider/provider/checkUserCodeValidation">

<table style="direction: rtl;text-align: right;width: 1500px;font-family: tahoma;" align="center">
  <thead>
  <tr>
    <th style="width:5%; ">row</th>
    <th style="width:20%;">Fullname</th>
    <th style="width:30%">Title</th>
    <th style="width: 5%">Number</th>
    <th>Date</th>
    <th>ProCode</th>
    <th>UseCode</th>

  </tr>
  </thead>
  <tbody>
  <?php
  $i=1;
  foreach($Items as $Item)
  {
    echo '<tr>
      <td>'.$i.'</td>
      <td>'.$Item->getUser()->getFullName().'</td>
      <td>'.$Item->getContractTitle().'</td>
      <td>'.$Item->getCount().'</td>
      <td>'.$Item->getCreationDate(true,'Date').'</td>
      <td>'.$Item->getProviderCode().'</td>
      <td><input name=userCode id=userCode></td>

    </tr>';
    $i++;
  }
  ?>
  </tbody>
  <input type="submit" name="Submit" id="submit_butt" value="Submit"/>
</table>


</from>

The values in each row are static except the UseCode which is an input tag. The user inputs a number and by pressing the submit button, the form should post data but it doesn't. I'd like to know why? Am I even allowed to do this having a foreach in table? If not, what else I should do to achieve this?

The solution in anyway helps! JQuery , Ajax , anything.

Answer 1

You need to give your input element proper name.

Change

<td><input name=userCode id=userCode></td>

To:

<td><input name="userCode[]" id="userCode" value=""/></td>

Please notice the square brackets [] around the name attribute.

As you are posting multiple values, you need to post array not a single value.

In backend PHP, just use,

echo '<pre>';
print_r($_POST['userCode']);
echo '</pre>';

And you will get all posted values within loop.

EDIT:

<form> tag is incorrect.

Change:

<from

To

<form

Also, closing tag.