Javascript 使用jQuery获取已填充表单的HTML代码

我有一个带有不同控件的网页。我必须在点击按钮时获取特定div元素的控件的html源代码

---

jQuery.html（）方法为我提供了不带值的控件的html源代码，但我需要具有用户选择值的html源代码。

尝试迭代每个

，并在访问html之前将其

值属性设置为其DOM值

jsFiddle：

jsFiddle：
在访问html之前，尝试迭代每个
，并将其
值属性设置为其DOM值

jsFiddle：

jsFiddle：
我会使用
$（':input'）
，因为
input
与
等元素不匹配。假设这个sol'n有效。编辑：事实上<代码>选择
没有
值
属性，是吗？人力资源管理。。。这将需要一些工作来为所有输入类型编写代码。很抱歉，jQuery必须错误地处理属性，我将其替换为DOM函数。虽然没那么漂亮，但至少能用。我会使用
$（':input'）
，因为
input
与
元素等不匹配。假设这个sol'n有效。编辑：事实上<代码>选择

没有

值

属性，是吗？人力资源管理。。。这将需要一些工作来为所有输入类型编写代码。很抱歉，jQuery必须错误地处理属性，我将其替换为DOM函数。虽然没那么漂亮，但至少能用。

$('form input').each(function()
{
    this.setAttribute('value',this.value);
    if (this.checked)
        this.setAttribute('checked', 'checked');
    else
        this.removeAttribute('checked');
});

$('form select').each(function()
{
    var index = this.selectedIndex;
    var i = 0;
    $(this).children('option').each(function()
    {
        if (i++ != index)
            this.removeAttribute('selected');
        else
            this.setAttribute('selected','selected');
    });
});

$('form textarea').each(function()
{
    $(this).html($(this).val());
});