保存添加到 DOM 中的文本框的文本

Posted

技术标签:

【中文标题】保存添加到 DOM 中的文本框的文本【英文标题】:Save text added to textbox in DOM 【发布时间】:2016-07-21 18:07:04 【问题描述】:

我有一个使用 php 和 Jquery 保存整个 DOM 的网站:

urldecode($_POST[$('html').html()))

效果很好,可以保存 DOM 中的所有内容……除了输入到文本框中的内容。

有没有办法在 DOM 中强制文本框输入/值,以便以下内容也捕获该输入?

$('html').html()

【问题讨论】:

保存整个DOM通常不是一个好主意,而是创建仅保存更改数据的方法,例如将表单元素放入表单中,然后提交表单等。跨度> 你的意思是文本区域吗?如果是,那就是 $('#id_of_textarea).val() 在保存之前,您可以执行$('input').attr('value', function() return this.value; ); 之类的操作,尽管我不得不问,为什么您要这样做? @Rory 几乎整个站点都是动态创建的,每个用户都有自己的个人站点。我发现保存整个 DOM 比将单个值写入数据库要容易得多。 真的吗?我以前创建过类似的系统,并且一直使用数据库作为数据存储。您打算如何处理基本的设计变更? 【参考方案1】:

试试这个,它会起作用的:

代码更改:

HTML:

<html>
<body>
<input type="text" id="txtval" />
<input type="button" value="Save text in DOM" id="btnval" />
</body>
</html>

jQuery :

$(document).ready(function()
        $('#btnval').click(function()
            $("#txtval").attr('value',$("#txtval").val());
                console.log($('html').html());
        );
    );

Jsfiddle 演示:https://jsfiddle.net/xj7c31eh/

【讨论】:

以上是关于保存添加到 DOM 中的文本框的文本的主要内容,如果未能解决你的问题,请参考以下文章

asp.net 微信企业号办公系统-表单设计-文本框

使用 SaveFileDialog 将数据保存到文本文件?

如何调整PPT中文本框的位置

如何用VB获得第三方软件中的数据?50分悬赏等你拿。

模型对话框移动到主窗口后面的 Qt 错误

ReadOnly与Enabled