2010-02-11 65 views
0

複製一個選擇輸入並追加到一個DIV我有一個選擇輸入,它的名稱是「項目」,例如如何在jQuery的

<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? 感謝

回答

0

我想添加一個按鈕,將複製 這個選擇刪除所選值 如果有的話,然後追加一條複製到 一個名爲「所有項目」 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. 
}) 
+0

這是一個單一的點擊,但它不會創建另一個選擇,如果我多次點擊按鈕 – trrrrrrm 2010-02-11 08:07:53

+0

你確定它不工作?你可以在這裏http://jsbin.com/atiho/2的演示,它確實工作。 – Reigel 2010-02-11 08:20:49

1

在線演示:http://jsbin.com/awuzo/edit

據我瞭解,你要刪除選定的內容,然後選擇元素本身轉移到一個新的位置?

$(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(); 
    }); 
}); 
+0

$( 「:輸入[名稱= '項目']」)...... – Reigel 2010-02-11 05:04:19

+0

@Reigel:什麼問題? – Sampson 2010-02-11 05:09:21

+0

我在問爲什麼輸入?我錯過了什麼? – Reigel 2010-02-11 05:11:13