时间戳

首页 > 解决方案 > 如何使用输入字段中的值复制整个 HTML 页面正文

html - 如何使用输入字段中的值复制整个 HTML 页面正文

问题描述

我需要将整个 HTML 页面或其中的一部分保存到数据库中，其中包含用户在输入字段中输入的所有值以及单选按钮的状态等......但是当我尝试这样做时，页面会在没有修改的情况下保存由用户制作。

有什么方法可以拯救它们吗？

“保存 HTML 页面”是指使用 jquery 为选择器保存 innerHTML。

我的目标是在用户在输入字段中输入值后将我页面的特定部分保存为 HTML 文档。我设法用 jquery 做到了这一点，但问题是用户输入的值不存在于保存的文档中。所以当我打开保存的 html 时，我希望用户输入的值显示在输入字段中。我不想用 JS 收集它们并再次填充它们，我只想按原样保存页面并稍后查看，我知道这听起来很牛！@#% 但这是我现在必须做的。

标签： htmljquery

解决方案

我认为您可以使用 jquery 的 attr()。

例子

<div id="inputs">
    <input type="text" id="input_1">
    <input type="text" id="input_2">
    <input type="text" id="input_3">
</div>
<button id="btn">save value</button>

<script>
    $('#btn').click(function() {
        var $input = $('#inputs').find('input');
        var inputLen = $input.length;

        for (var i = 0; i < inputLen; i++) {
            $input.eq(i).attr('value', $input.eq(i).val());
        }
    });
</script>

推荐阅读