jQuery:如何在提交之前修改表单字段

Question

但是没有新值显示在表单中的丑陋效果。

如果我这样做:

$('#submit_button').click(function(){
   $('#field1').val('newval'); 
   $('#form1').submit(); });

#field1 将显示(一瞬间)新值，这有点难看。

Answer 1

从上面的代码来看，您似乎完全忽略了可见表单元素的值，如果是这样，为什么不直接放置一个带有您正在使用的名称的隐藏表单字段，并忽略从文本中发布的内容字段。

相反，如果该代码不是真实的，并且您打算修改该值，则可以使用相同的技术，如下所示:

<input type="hidden" name="field1" id="field1" value="" />
<input type="text" name="field1_real" id="field1_real" value="" />

jQuery:

$('#submit_button').click(function() {
    var newValue = $('#field1_real').val(); // Modify me
    $('#field1').val(newValue);
    $('#form1').submit();
});