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();
});