I have a form with action method POST. Some Controls in php which are being calculated in jQuery. All the form control values are accessible in next form using POST. But the values I am adding through jQuery are not posting to next form. Please help.
My Form Control Part:
$('#vipcount, #vipprice').keyup(function() {
var value1 = parseFloat($('#vipcount').val()) || 0;
var value2 = parseFloat($('#vipprice').val()) || 0;
var days = parseFloat($('#days').val()) || 0;
gtotal1 = (value1 * value2) * days;
gCount1 = value1;
var value3 = addCommas(gtotal1.toFixed(2)); //(value1 * value2).toFixed(2);
var value4 = value3 + ' AED';
//$('#viptotal').val(value4);
//alert($('#viptotal').val());
$('#viptotal').text(value4);
document.getElementsByName("viptotal")[0].value = value4;
footerFill(gtotal1);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-xl-3 col-lg-12">
<fieldset>
<h5>VIP Meals Total<small class="text-muted"> </small></h5>
<div class="form-group">
<input id="viptotal" class="form-control date-inputmask" type="text" placeholder="0.00 AED" disabled=true name="viptotal" />
</div>
</fieldset>
</div>
Part of Code to display this value is like this:
$message .= '<td style="width:35%">' . $_POST['viptotal'] . '</td>';
I don't know where I am wrong.