如何将应用输入值的 html DOM 元素存储为字符串

Question

我想将div作为一个整体存储在数据库中。之后，我想从数据库中存储的字符串值预览此页面。如果我使用$(selector).html()，那么我只能获取不应用输入值的 HTML 元素。假设我的页面是这样写的。

<div id="test_div">

    <span>this is test</span>

    <select>

        <option value="1">option1</option>

        <option value="2">option2</option>

        <option value="3">option3</option>

        <option value="4">option4</option>

    </select>

    <textarea>This is test</textarea>

</div>

我在文本区域中输入一些文本，然后在选择框中选择一个特殊选项。之后我想将此页面状态存储为字符串。

我编写如下代码并将其保存在数据库中。

var content = $("#test_div").html();

但我无法获得应用价值。

我想要变成这样。（当我选择选项3并在文本区域中添加文本“欢迎！”时）

    <span>this is test</span>

    <select>

        <option value="1">option1</option>

        <option value="2">option2</option>

        <option value="3" selected>option3</option>

        <option value="4">option4</option>

    </select>

    <textarea>This is test. Welcome!</textarea>

我该怎么做？谢谢。

Answer 1

这种尝试是错误的。设计本身就是错误的，这样做会带来很多问题。需要此方法的客户提出了一种不同的方法，并通过将表中的所有信息存储为单独的表来解决问题。**