Javascript 选择包含填充数据的表单元素

问题很简单

我使用

.html（）

获取div的html代码。div包括用户填写的表单元素

.html（）

只返回html代码，不保留填充的文本

是否有一种方法可以轻松地在html元素中保留/复制文本

另外，我已经知道了

.val（）

将返回值，但我需要

html代码+所有值

---

为了将表单复制/粘贴到其他地方。

您可以获得如下输入值：

$('#inputid').val();

---

其中，

#inputid

是输入框的id。

您可以获得如下输入值：

$('#inputid').val();

---

其中，

#inputid

是输入框的id。

您可以获得如下输入值：

$('#inputid').val();

---

其中，

#inputid

是输入框的id。

您可以获得如下输入值：

$('#inputid').val();

---

其中，

#inputid

是输入框的id。

因此@Madness建议，您可以使用获取

html

以及值

唯一的问题是，

select

值不会被克隆（这似乎是jquery中的一个已知错误。有关更多信息，请参阅此票据）。所以我添加了一个解决方法来解决这个问题。我要做的是在像这样进行克隆之前，获取变量中的所有选择值

var selects = $('#myDiv:first').find("select");

这里的

myDiv

是

div的id

最后的
jquery
代码如下所示

$(function() {
    $('button').on('click', function() {
        var selects = $('#myDiv:first').find("select");
        var html = $('#myDiv:first').clone(true);


        $(selects).each(function(i) {
            console.log($(this).val());
            var select = this;
            $(html).find("select").eq(i).val($(select).val());
        });
        $('#htmlWithVal').html(html);
    });
});

这里有一个工作的。希望这有帮助。
因此，正如@Madness所建议的，您可以使用获取
html
以及值

唯一的问题是，
select
值不会被克隆（这似乎是jquery中的一个已知错误。有关更多信息，请参阅此票据）。所以我添加了一个解决方法来解决这个问题。我要做的是在像这样进行克隆之前，获取变量中的所有选择值

var selects = $('#myDiv:first').find("select");

这里的
myDiv
是
div的id

最后的
jquery
代码如下所示

$(function() {
    $('button').on('click', function() {
        var selects = $('#myDiv:first').find("select");
        var html = $('#myDiv:first').clone(true);


        $(selects).each(function(i) {
            console.log($(this).val());
            var select = this;
            $(html).find("select").eq(i).val($(select).val());
        });
        $('#htmlWithVal').html(html);
    });
});

这里有一个工作的。希望这有帮助。
因此，正如@Madness所建议的，您可以使用获取
html
以及值

唯一的问题是，
select
值不会被克隆（这似乎是jquery中的一个已知错误。有关更多信息，请参阅此票据）。所以我添加了一个解决方法来解决这个问题。我要做的是在像这样进行克隆之前，获取变量中的所有选择值

var selects = $('#myDiv:first').find("select");

这里的
myDiv
是
div的id

最后的
jquery
代码如下所示

$(function() {
    $('button').on('click', function() {
        var selects = $('#myDiv:first').find("select");
        var html = $('#myDiv:first').clone(true);


        $(selects).each(function(i) {
            console.log($(this).val());
            var select = this;
            $(html).find("select").eq(i).val($(select).val());
        });
        $('#htmlWithVal').html(html);
    });
});

这里有一个工作的。希望这有帮助。
因此，正如@Madness所建议的，您可以使用获取
html
以及值

唯一的问题是，
select
值不会被克隆（这似乎是jquery中的一个已知错误。有关更多信息，请参阅此票据）。所以我添加了一个解决方法来解决这个问题。我要做的是在像这样进行克隆之前，获取变量中的所有选择值

var selects = $('#myDiv:first').find("select");

这里的
myDiv
是
div的id

最后的
jquery
代码如下所示

$(function() {
    $('button').on('click', function() {
        var selects = $('#myDiv:first').find("select");
        var html = $('#myDiv:first').clone(true);


        $(selects).each(function(i) {
            console.log($(this).val());
            var select = this;
            $(html).find("select").eq(i).val($(select).val());
        });
        $('#htmlWithVal').html(html);
    });
});

这里有一个工作的。希望这有帮助。
是的，我知道。我需要在html代码中包含val（），你可以使用.clone（）来实现。根据你的具体情况，有多种方法，是的，我知道。我需要在html代码中包含val（），你可以使用.clone（）来实现。根据你的具体情况，有多种方法，是的，我知道。我需要在html代码中包含val（），你可以使用.clone（）来实现。根据你的具体情况，有多种方法，是的，我知道。我需要在html代码中包含val（）。您可以使用.clone（）实现。根据您的具体情况，有多种方法。这似乎是个问题。您可能需要考虑是否可以设置一个keydown事件来更新元素的
value
属性，例如
$（“#id”）.on（“keydown”，function（）{$（this.attr（“value”），$（this.val（）；}）但我不知道这是否有效。或者，您可以使用
attr（“数据值”，
取而代之。不过，我也不知道这些方法对你是否有效。嗯…@jwatts1980这听起来是个有趣的方法。试试这个@glarkou。让我知道这对你是否有效u@Sushil我们可以让它也适用于下拉列表吗？看起来是个问题。您可能想考虑一下，您可以设置一个keydown事件来更新t元素的
value
属性，如
$（“#id”）.on（“keydown”，function（）{$（this.attr（“value”），$（this.val（）；}）
，但我不知道这是否有效。或者，您可以使用
attr（“数据值”，
取而代之。不过，我也不知道这些方法对你是否有效。嗯…@jwatts1980这听起来是个有趣的方法。试试这个@glarkou。让我知道这对你是否有效u@Sushil我们可以让它也适用于下拉列表吗？看起来是个问题。您可能想考虑一下，您可以设置一个keydown事件来更新t元素的
value
属性，如
$（“#id”）.on（“keydown”，function（）{$（this.attr（“value”），$（this.val（）；}）
，但我不知道这是否有效。或者，您可以使用
attr（“数据值”，
取而代之。不过，我也不知道这些方法对你是否有效。嗯…@jwatts1980这听起来是个有趣的方法。试试这个@glarkou。让我知道这对你是否有效u@Sushil我们可以让它也适用于下拉列表吗？看起来是个问题。您可能想考虑一下，您可以设置一个keydown事件来更新t元素的
value
属性，如
$（“#id”）。on（“