Question

[已解决]我有一个脚本可以将文本字段中的文本复制到文本区域。我的问题是如何升级此脚本以便将标签复制到？或者，如果我能以某种方式在字段值之前添加额外的文本？

这是我的HTML：

<label>Input1: </label> <input type="text" name="i1" class="entry" id="field_1" value="" /> <br />
<label>Input2: </label> <input type="text" name="i2" class="entry"  id="field_2" value="" /><br />
<label>Input3: </label> <input type="text" name="i3" class="entry"  id="field_3" value="" /><br />
<label>Input4: </label> <input type="text" name="i4" class="entry"  id="field_4" value="" /><br />
<label>Input5: </label> <input type="text" name="i5" class="entry"  id="field_5" value="" /><br /><br />

<input type="button" name="b" value="copy" /><br /><br />

<textarea class="box" name="t" rows="5"> </textarea>

而且：

<script type="text/javascript">
$( document ).ready(function() {
$("input:button").click(function() {
    var values = "";
    $("input:text").each(function(i) {
        values += (i > 0 ? "\n" : "") + this.value;
    });
    $("textarea").val(values);
});
});
</script>

编辑：如果某些文字字段为空，有没有显示文字的方法？

我添加了if（this.value.length＆gt; 1），当按下副本时，它显示＆＃34; undefined＆＃34;。

Answer 1

试

$( document ).ready(function() {
    $("input:button").click(function() {
        var values = "";
        $("input:text").each(function(i) {
            var text=$(this).prev("label").text();
            values+=text+"  " ;
            values +=  (i > 0 ? "\n" : "") + this.value;
        });
        $("textarea").val(values);
    });
});

将文本字段中的文本复制到textarea +标签

1 个答案:

DEMO