Javascript 如何在js页面中发送html表单值以用于其他函数

当且仅当VAT模式的值从new_order.php页面选择为“with VAT”时，我试图将GST的值发送到order.js文件

<div class="form-group row">
<label for="vat" class="col-sm-3 col-form-label" onChange="getVatMode(this.value);" align="right">VAT Mode</label>
<div class="col-sm-6">
<select name="vatMode" value="data" class="form-control" id="vatMode" required="required">
<option value="1">Without VAT</option>
 <option value="2">With VAT</option>
 </select>
 </div>
 </div>
 <div class="form-group row">
<label for="gst" class="col-sm-3 col-form-label" align="right">GST (13%)</label>
 <div class="col-sm-6">
 <input type="text" readonly name="gst" class="form-control form-control-sm" id="gst" required/>
 </div>
 </div>

---

使用Jquery，您可以使用

$（“#YourFormId”）.serialize（）

：

要将表单元素的值包含在序列化字符串中，该元素必须具有name属性

function calculate(dis,paid){
        var sub_total = 0;
        var gst = 0;
        var net_total = 0;
        var discount = dis;
        var paid_amt = paid;
        var due = 0;
        $(".amt").each(function(){
            sub_total = sub_total + ($(this).html() * 1);
        })
        gst = Math.round(0.13 * sub_total);
        net_total = gst + sub_total;
        net_total = net_total - discount;
        due = net_total - paid_amt;
        $("#gst").val(gst);
        $("#sub_total").val(sub_total);

        $("#discount").val(discount);
        $("#net_total").val(net_total);
        //$("#paid")
        $("#due").val(due);

$("form").on( "submit", function( event ) {
  event.preventDefault();
  console.log($(this).serialize());
});