表单提交后如何在输入字段上显示表单提交值

Posted 2023-05-09

【中文标题】表单提交后如何在输入字段上显示表单提交值

【英文标题】：how to show form submission values on input field after form submission

【发布时间】：2021-09-01 07:20:45

【问题描述】：

我想在提交表单后在输入字段上显示值。我已经在console 上得到它，但它不适用于输入字段。这是我的 jQuery 代码：

jQuery(function() 
  jQuery('form').submit(function() 
    let first_name = jQuery('#names_first_name_').val();
    jQuery("#names_first_name_").val(first_name);

    let last_name = jQuery('#names_last_name_').val();
    jQuery("#names_last_name_").val(last_name);

    let email = jQuery('#email').val();
    jQuery("#email").val(email);

    console.log(first_name);
    console.log(email);
  );
);

【问题讨论】：

你到底想在这里做什么？该代码只是从 3 个字段中获取值，并将值设置回它们已经是的值......？这是没有意义的。另请注意，您很可能需要在 submit 事件处理程序中调用 preventDefault() 以阻止表单提交从当前页面重定向。

提交表单后，我希望刚刚提交的数据将显示在输入字段值上

但是……这应该是默认发生的。你在下面给出的答案等同于使用val() 的设置器，所以这绝对没有任何意义。

可能在提交表单后它会重置表单数据，这就是我面临这个问题的原因。但它会解决看我的答案

【参考方案1】：

用设置属性值解决的问题：

jQuery("#names_first_name_").attr("value", first_name);