将文本区域中的文本插入克隆的文本区域答案

【问题标题】：Insert text from an textarea inton cloned textarea将文本区域中的文本插入克隆的文本区域
【发布时间】：2014-06-06 00:11:04
【问题描述】：

如果你点击一个文本区域，它会出现一个框来写一些文本。

此文本将是当前文本区域中的文本。

我添加了一个按钮来克隆最后一个 textarea，我想对克隆的 textarea 做同样的事情。

当有人点击一个克隆的 textarea 时，它应该在当前的 textarea 中写入，但它不这样做，它只在第一个写入。

Jsfiddle

http://jsfiddle.net/2H2Hr/1/

我的代码：

HTML：

<div class="descBox">
<br>
<span>Offer description</span><br><br>
<textarea id="txtareavalue"></textarea>
<input type="button" value="Save" class="save">
<input type="button" value="Close" class="close">
</div>

CSS

.descBox
{
   display:none;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #aaa;
    position: fixed;
    height: 300px;
    width: 500px;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    text-align: center;
    z-index: 1000;
}

jQuery

$(document).ready(function(){
  $(".clone").click(function(){
    $(".txtarea:first").clone(true).appendTo(".test");
   $(".txtarea:last").val('');
   $('#txtareavalue').val('');
  });

    $(".txtarea").click(function(){
    $(".descBox").toggle();
  });

      $(".save").click(function(){
    $(".descBox").toggle();
    $('.txtarea').text($('#txtareavalue').val());
  });

});

【问题讨论】：

我真的不明白你想要什么。如果我在第一个框中输入一些内容并按“克隆”，它会克隆一个空框并打开一个保存/取消框，您还可以在其中放置一些文本。我不明白这种行为。为什么你还有这个框?
我有一个带有多个输入框和一个 textarea 的表单，问题是，我的网页上没有太多空间来放置一个大的 textarea，所以我正在尝试做一个不同的事情，我想点击一个小的textarea，然后在点击时展开这个textarea。问题是我正在克隆我的表单，我想对克隆的表单执行此操作。
恢复，当我点击textarea时，我想显示一个框（里面有一个textarea），并在那里写一些文本，写在那里的文本将是来自点击textarea的文本.
如果您点击克隆，您是要一直克隆第一个盒子还是最后一个更改的盒子？
jsfiddle.net/xuB44/2 给你。如果你想一直克隆最后一个编辑的框而不是第一个，你可以简单地使用 lastchanged 作为选择器。您必须检查 lastchanged 是否为空，如果是，则必须使用第一个框（仅在第一个克隆上..）

标签： jquery

【解决方案1】：

因为它是单击项目存储上的类选择器，所以它在变量中引用，然后像这样使用：

$(document).ready(function(){
    var current;    // <----------
  $(".clone").click(function(){
    $(".txtarea:first").clone(true).appendTo(".test");
   $(".txtarea:last").val('');
   $('#txtareavalue').val('');
  });

    $(".txtarea").click(function(){
     current= $(this); //<-----------
    $(".descBox").toggle();
  });

      $(".save").click(function(){
    $(".descBox").toggle();

    $(current).val($('#txtareavalue').val()); //<------------
  });

});

FIDDLE

【讨论】：