使用序列化数组更改表单提交时输入框的值

【问题标题】：change value of input box on form submit using serialize array使用序列化数组更改表单提交时输入框的值
【发布时间】：2014-08-23 13:48:47
【问题描述】：

你好，我有一个带有高度选项的输入文本框。当用户在其中输入高度时，我必须仅在使用 jquery 中的序列化数组选项或任何其他方法（如果可能）将输入框中的值乘以 0.45 后提交表单。

<input id="height"type="text"></input>
<button id="submit">Submit</button>

【问题讨论】：

【解决方案1】：

您必须先更新输入框中的值，然后再对表单的数据进行序列化。这是您可以尝试的代码：

$("#height").blur(function(){
    var inputValue = $(this).val();
    if(inputValue > 0){
       $(this).val(inputValue*0.45);
    }
});

现在您可以将表单数据序列化为：

var serializedData = $("#formId").serialize();

而且，只需使用 ajax 提交即可。

【讨论】：

【解决方案2】：

你也可以这样做

<input id="height"type="text" onblur='this.value = (this.value*0.45);'></input>

要使用 jQuery 序列化数据，请使用 this

var tempData = $("#your-form-id").serialize();

【讨论】：