Question

问题很简单。

我使用.html()来获取div的html代码。 div包括用户填写的表单元素。

.html()仅返回html代码，并且不保留填充的文本。

有没有办法在html元素中轻松保留/复制文本？

PS。我已经知道了

.VAL（）

将返回值，但我需要

html代码+所有值

用于将表单复制/粘贴到其他位置。

Answer 1

正如@Madness建议的那样，您可以使用 .clone() 来获取html以及值。

唯一的问题是select值不会被克隆（似乎是jquery中的已知错误。请参阅此票证以获取更多信息http://bugs.jquery.com/ticket/1294）。所以我添加了一个解决方法来解决这个问题。我所做的是在i clone之前采用变量中的所有选择值

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);
    });
});

这是一个有效的 JSFIDDLE 。希望这有帮助。

Answer 2

您可以获得如下输入值：

HttpURLConnection

其中$('#inputid').val();是输入框的ID。

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

2 个答案: