jQuery：序列化后更改元素值

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<form id="myForm">
    <input type="text" name="username" value="John" />
    <input type="password" name="password" value="123456" />
    <input type="submit" value="Submit" />
</form>

$(document).ready(function() {
    $("#myForm").on("submit", function(e) {
        e.preventDefault(); // 阻止表单的默认提交行为

        // 修改用户名和密码输入框的值
        $(this).find("input[name='username']").val("Jane");
        $(this).find("input[name='password']").val("abcdef");

        // 序列化表单并输出结果
        var serializedData = $(this).serialize();
        console.log(serializedData);
    });
});