保存添加到 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 中的文本框的文本的主要内容,如果未能解决你的问题,请参考以下文章