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

Question

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

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

Answer 1

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

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

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

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

并且，只需使用您的ajax提交。

Answer 2

你也可以这样做

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

使用jQuery序列化数据时请使用此

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