Question

我有一个Select输入，它的名字是“item”，例如

<select name="item">
<option value="1">1</option>
<option value="2" selected="selected">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

我想添加一个按钮，将复制此选择并删除所选值（如果有），然后将该副本附加到名为“所有项目”的div中。

我怎么能在Jquery做到这一点？谢谢

Answer 1

在线演示：http://jsbin.com/awuzo/edit

根据我的理解，您想删除所选内容，然后将select元素本身转移到新位置？

$(function(){
  // when we click our button
  $("#clickme").click(function(){
    // Move our SELECT and remove Selection value(s)
    $(":input[name='item']")
      .appendTo("#allitems")
      .children(":selected").remove(); 
  }); 
});

Answer 2

我想添加一个复制的按钮选择和删除所选值 如果有，然后将该副本附加到一个名为“所有项目”的div 。

$('#button').click(function(){
   var copy = $('select[name=item]').clone();
   copy.children(':selected').removeAttr('selected'); // just unselect....
   // copy.children(':selected').remove() // if you want to remove the element...
   $('#div_all_items').append(copy); //Append.
})

如何复制Select输入并将其附加到Jquery中的div

2 个答案: