隐藏的表单字段值没有真正改变

Question

在下面的代码中，为什么我在最终的alert()中得到了新值，但在表单提交时得到了旧值（以及在使用firebug查看隐藏字段时）？

表单标签内的隐藏字段元素：

<input type="hidden" id="shipping_1" name="shipping_1" value="3.99">

选择Shipto下拉列表时，使用jQuery来更新字段值：

$('#ShipSelect').change(function(e) {
    var ss = $('#ShipSelect').val();
    if (ss=='International') {
        alert("International orders add $10 S&H");
        ship1 = ($('#shipping_1').val())*1 + 10;
        alert('Shipping_1 val is now: ' + ship1);
        $('#shipping_1').val(ship1);
        alert('Reading the field directly: ' + $('#shipping_1').val());
    }
});

警报显示 $10 已添加到隐藏字段值。到目前为止一切顺利。

但是，当使用 Firebug（或在 Chrome DevTools 模式下）AND/OR 查看 DOM 时，按下 BuyNow 按钮时，shipping_1 字段为旧值（不足 10 美元） .

---

更新： 我看到了this promising post，它准确地描述了我的问题，但解决方案不起作用。这是他们的建议：

document.form_name.field_name.value = your_value

因此，我注释掉了这一行：

$('#shipping_1').val(ship1);

并将其替换为：

document.paypal_cart.shipping_1.value = ship1;

结果和我现在没有什么不同。旧值仍被提交（使用 firebug 查看时可见）。我是否需要以某种方式使用 .on() 将更改的值“修复”到表单或其他内容？

Answer 1

http://jsfiddle.net/PeT66/1/

简化了一点，我想你错过了右括号

$('#ShipSelect').change(function(e) {
    var ss = $('#ShipSelect').val();
    alert("International orders add $10 S&H");
    ship1 = ($('#shipping_1').val())*1 + 10;
    alert('Shipping_1 val is now: ' + ship1);
    $('#shipping_1').val(ship1);
    alert('Reading the field directly: ' + $('#shipping_1').val());
});