php - 使用 jQuery ajax 显示输出后，使用 PHP post 方法该值不会传递

Question

您好，我尝试使用 AJAX 对两个数据求和并将其显示到隐藏文本输入中，之后我将使用 PHP post 方法传递变量。

我的 jQuery AJAX 代码没有问题，但问题是在提交按钮后，我从文本框 total_rec[] 检索到的值是空白。

下面是我的代码。

HTML:

<form method="post" action="<?php echo base_url() ?>user/recitem_insert"> 
<table>
<thead>
<tr><th>Test</th></tr></thead> 
<tbody> 
<tr><td>
<input type="hidden" name="last_item_rec[]" value="<?php echo $row->rec_qty; ?>">
<input type="text" name="item_rec[]" id="txt" disabled="">
<input type="hidden" name="total_rec[]" value="">
</td><tr>
</tbody>
</table>   
</form>

JQUERY AJAX:

<script>
$(document).ready(function(){
    $("input[name=item_rec\\[\\]]").on('keyup',function(){
        var one = $(this).parents('tr').find('input[name=last_item_rec\\[\\]]').val();
        var two = $(this).parents('tr').find('input[name=item_rec\\[\\]]').val();       

        sum =  parseInt(one) + parseInt(two);

        $(this).parents('tr').find('input[name=total_rec\\[\\]]').val(sum);        
    });
});
<script>

PHP 代码:(recitem_insert.php)

$total_rec = $_POST['total_rec'];

for($i=0;$i<sizeof($check);$i++){   
    for($j=0;$j<sizeof($total_rec);$j++){
        $query=mysqli_query($con,"UPDATE tblstock 
                             SET             
                             rec_qty='$total_rec[$j]'
                             WHERE id = '$check[$i]'
                             ")or die(mysqli_error($con));  
    }               
}

Answer 1

正如您所说，该项目包含 2 个或更多值。所以你可以使用类而不是名称。

HTML

<input type="hidden" class="last_item_rec" name="last_item_rec[]"  value="23" />
<input type="text" class="item_rec" name="item_rec[]"  id="txt" />
<input type="hidden" class="total_rec" name="total_rec[]" value="" />

jQuery

$(function(){
$(".item_rec").on('keyup',function(){
  var one = $(this).parents('tr').find('.last_item_rec').val();
  var two = $(this).parents('tr').find('.item_rec').val(); 
  sum =  parseInt(one) + parseInt(two);
  console.log(sum);

  $(this).parents('tr').find('.total_rec').val(sum);        
});
});