Question

代码已经工作到@Maurice Perry和其他人。 html和jquery函数（从下拉列表中复制和删除文本并移动到另一个textarea）

      <html>
      <head>
      <title> Example</title>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">                      </script>  
      <script>
     $(function(){
     $("#copy").on("click", function(){
     $("#textarea option:selected").each(function(){
     $("#textarea2").append($(this).clone());
     $(this).remove();
        });  
     });   
      $("#remove").on("click", function(){
      $("#textarea2 option:selected").each(function(){
      $("#textarea").append($(this).clone());
      $(this).remove();
          });  
         });  
       });
     </script>
     <body>

    <select multiple="multiple" class="options" id="textarea">
     <option value="item1">Item 1</option>
     <option value="item2">Item 2</option>
     <option value="item3">Item 3</option>
     <option value="item4">Item 4</option>
     <option value="item5">Item 5</option>
    </select>

     <button id="copy">Copy</button>
     <button id="remove">Remove</button>

     <select id="textarea2" multiple class="remove">
     </select>
     </body>
     </html>

Answer 1

还是这个？

$(function(){
    $("#copy").on("click", function(){
        $("#textarea option:selected").each(function(){
            $("#textarea2").append($(this).clone());
            $(this).remove();
        });  
    });   
    $("#remove").on("click", function(){
        $("#textarea2 option:selected").each(function(){
            $("#textarea").append($(this).clone());
            $(this).remove();
        });  
    });  
});

http://jsfiddle.net/robbyn/3BN6v/

修改

在您的页面中导入jquery：

  <html>
  <head>
  <title> Example</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  ...

Answer 2

您忘记将jquery添加到您的页面

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

删除使用此

$("#remove").on("click", function(){
              $("#textarea option:selected").each(function(){ 
                   $(this).remove();
             });  
         });

Answer 3

试试这个：

$("#copy").on("click", function()
{    
    $("#textarea2").append($("#textarea option:selected").clone());
});

$("#remove").on("click", function(){
    $("#textarea2").append($("#textarea option:selected"));
});

那些应该提供复制和移动功能。

http://jsfiddle.net/hescano/3qyMJ/1/

复制并删除textarea1到另一个textarea2。已经工作了

3 个答案: