获取隐藏字段的值

时间:2018-06-11 06:01:41

标签: jquery onchange prompt

当使用on change事件更改update_qty时,我正在尝试获取表单中隐藏字段的值。表单由php循环生成,并从DB中显示一行。我需要使用onchange事件获取update_qty,并获取更新行的所有隐藏字段。

以下是我正在使用的代码,请您指出正确的方向吗?我无法让它发挥作用。我总是在第一行的隐藏字段中获取值。

//This form is dynamiclly genrated buy php loop. All input fields are one row from DB. 

<form name="form1" id="form1" method="POST" action="update_qty.php">
<input type="text" name="update_qty" class="update_qty" id="qty" value="<?php echo $sales_value['qty'] ?>"><?php echo ' Kom'; ?>
<input type="hidden" name="article_id" id="article_id" value="<?php echo $sales_value['article_id']; ?>">
<input type="hidden" name="sales_plan_id" id="sales_plan_id" value="<?php echo $sales_plan_id; ?>">
<input type="hidden" name="product_mix_id" id="product_mix_id" value="<?php echo $product_mix_id; ?>">
</form>

    //Update qty on article
$(document).ready(function() {

    $('.update_qty').on('change', function() {

        var message = prompt("Upišite razlog za izmjenu količine:");
        alert(message);
        //e.preventDefault();
        var article_id = $("#article_id").val();
        var sales_plan_id = $("#sales_plan_id").val();
        var update_qty = $(this).val();
        var product_mix_id = $("#product_mix_id").val();


        if (message != "" || message != NULL) {
            $.ajax({
                type:'POST',
                url:'update_qty.php',
                data:{ article_id: article_id, sales_plan_id: sales_plan_id, update_qty: update_qty, product_mix_id: product_mix_id, message: message },
                success:function(data) {
                    alert(data);
                }
            });
        } else {
            e.PreventDefault();
            return false;
        }

    });

});

1 个答案:

答案 0 :(得分:1)

您可以序列化整个表单以获取所有输入:

$(function() {
  $('.update_qty').on('change', function(e) {
    var data = $('#form1').serializeArray();
    console.log(data);
  });
});