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

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

javascript php jquery dom

Javascript 保存添加到DOM中文本框的文本,javascript,php,jquery,dom,Javascript,Php,Jquery,Dom,我有一个使用PHP和Jquery保存整个DOM的网站： urldecode($_POST[$('html').html())) 工作很好，保存DOM中的所有内容…除了输入文本框的内容有没有一种方法可以强制DOM中的文本框输入/值，以便以下内容也可以捕获该输入 $('html').html() 试试这个，它会起作用的： <html> <body> <input type="text" id="txtval" /> <input type="butto

我有一个使用PHP和Jquery保存整个DOM的网站：

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

工作很好，保存DOM中的所有内容…除了输入文本框的内容

有没有一种方法可以强制DOM中的文本框输入/值，以便以下内容也可以捕获该输入

$('html').html()

试试这个，它会起作用的：

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

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

代码更改：

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

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

HTML:

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

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

JSFIDLE Demo:

保存整个DOM通常不是一个好主意，而是创建只保存更改数据的方法，例如将表单元素放置在表单中，然后提交表单等。您是指文本区域吗？如果是这样，则它是$（'#id_of_textarea）.val（），在保存之前，您可以执行类似于

$（'input'）.attr（'value'，function（）{return this.value；}）的操作，尽管我不得不问，你为什么要这样做？@Rory几乎整个网站都是动态创建的，每个用户都有自己的个人网站。我发现保存整个DOM比将单个值写入DB要容易得多。真的吗？我以前创建过类似的系统，并且一直使用DB作为数据存储。您打算如何处理基本设计变更？