我们如何发送隐藏在php中的jquery金额用于另一个页面来检索金额值？

Question

我一直在尝试使用jQuery在表单中设置隐藏字段的值，但没有成功。

以下是解释问题的示例代码。

如果我将输入类型保持为“文本”，它可以毫无困难地工作。 但是，将输入类型更改为“隐藏”，不起作用！

<form method="POST" id="demo-form2" data-parsley-validate class="form-horizontal form-label-left">
    <div class="col-md-2 col-sm-2 col-xs-2">
        @ Brand1 <input type='text' id="amount4" class="form-control" name="Brand1"  readonly/>

        <br>
        <button type="submit" formaction="material-quote.php" name="quote1" class="btn btn-success btn-sm pull-left">Quote</button>
        <button type="submit" formaction="material-invoice.php" name="buynow1" class="btn btn-primary btn-sm pull-right">Buy Now</button>
    </div>
    <input type="hidden" name="Brand1" value="" />
</form>

<script type="text/javascript">
    $('#unit_pricea<?=$x;?>').change(function () {
        var number = $(this).val();
        //console.log(number);
        var o_val = $("#quantity<?=$x;?>").val();
        var op_val = number * o_val;
        $("#amounta<?=$x;?>").val(op_val);
        var amount4_total = 0;
        var amount5_total = 0;
        var amount6_total = 0;
        for (var i = 1; i <= 17; i++) {
            amount4_total += Number($(`#amounta${i}`).val());
            amount5_total += Number($(`#amountb${i}`).val());
            amount6_total += Number($(`#amountc${i}`).val());
            console.log($(`#amounta${i}`).val());
        }
        // console.log(amount4_total);
        $('#amount4').val(amount4_total);
    });

</script>

我的错误是我们如何将隐藏字段中的金额值传递给下一页

在我的下一页，他们将无法显示任何东西。

在这里，我将编写我的项目的代码和控制台工作正常

Answer 1

尝试这个

我将brand_val id添加到隐藏字段。 并通过id获取值。

<form method="POST" id="demo-form2" data-parsley-validate class="form-horizontal form-label-left">
    <div class="col-md-2 col-sm-2 col-xs-2">
    @ Brand1 <input type='text' id="amount4" class="form-control" name="Brand1"  readonly/>

    <br>
    <button type="submit" formaction="material-quote.php" name="quote1" class="btn btn-success btn-sm pull-left">Quote</button>
    <button type="submit" formaction="material-invoice.php" name="buynow1" class="btn btn-primary btn-sm pull-right">Buy Now</button>
    </div>
    <input type="hidden" name="brand_val" value="" id="brand_val"/>
</form>

<script type="text/javascript">
    $('#unit_pricea<?=$x;?>').change(function () {
    var number = $(this).val();
    //console.log(number);
    var o_val = $("#quantity<?=$x;?>").val();
    var op_val = number * o_val;
    $("#amounta<?=$x;?>").val(op_val);
    var amount4_total = 0;
    var amount5_total = 0;
    var amount6_total = 0;
    for (var i = 1; i <= 17; i++) {
        amount4_total += Number($(`#amounta${i}`).val());
        amount5_total += Number($(`#amountb${i}`).val());
        amount6_total += Number($(`#amountc${i}`).val());
        console.log($(`#amounta${i}`).val());
    }
    // console.log(amount4_total);
    $("#brand_val").val(amount4_total);
    });

</script>

Answer 2

一旦检查此代码

<script>
 $('#unit_pricea<?=$x;?>').change(function () {
             var number = $(this).val();
               //console.log(number);
                var o_val = $("#quantity<?=$x;?>").val();
                var op_val = number * o_val;
               $("#amounta<?=$x;?>").val(op_val);
               var amount4_total = 0;
               for (var i = 1; i <= 14; i++) {
                 amount4_total += Number($(`#amounta${i}`).val());
                 console.log($(`#amounta${i}`).val());
               }
              // console.log(amount4_total);
             $('#amount4').val(amount4_total);
             $("#brand_val").val(amount4_total);
             });
</script>