javascript - 我们如何为另一个页面发送隐藏在 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>