使用jquery克隆選擇菜單？

http://www.whitespace-creative.com/jquery/jNice/

我寫一個簡單的jQuery克隆選擇菜單和刪除克隆菜單簡單的選擇菜單

$(function() { 
    var scntDiv = $('#p_scents'); 
    var i = $('#p_scents p').size() + 1; 

    $('#addScnt').live('click', function() { 

    $('<p class="sel-a"><select name="lang[]" id="p_scnt' + i +'" class="lang"><option value="">Select Language</option><option value="slovenski">Slovenski</option></select><a id="remScnt">Remove</a></p>').appendTo('#LangForm'); 
    i++; 
    return false; 
    }); 
});

它工作的罰款，但有一個小問題不採取相同的CSS格式

我嘗試了很多東西和讀取CSS文件後，即使我沒有發現類的選擇菜單，其完全由第j完成漂亮的插件。

我需要知道是否有針對此問題的解決方案

謝謝

來源

2012-08-06 Marco

我不知道爲什麼會這樣的人很難複製/粘貼正確的縮進代碼......我的意思是我所做的只是在VIM中複製/粘貼，選擇全部並按'='。在5秒內完成！ – elclanrs 2012-08-06 22:37:13

你可能需要插件應用到新創建的菜單（這不是任何東西的克隆，順便說一句）。另外'.live'已廢棄的jQuery 1.7 – MrOBrian 2012-08-06 22:39:12

的@MrOBrian對不起，我沒有得到你？ – Marco 2012-08-06 22:46:31

找出類是選擇菜單的jNice插件創建和改變的東西：

$('<p class="sel-a"><select name="lang[]" id="p_scnt' + i +'" class="lang"><option value="">Select Language</option><option value="slovenski">Slovenski</option></select><a id="remScnt">Remove</a></p>').appendTo('#LangForm');

TO：

$("#LangForm").append($(".selectmenuclass").html());

這將使jNice完全相同的副本創建SE選擇菜單。你可以保持你所有的其他邏輯相同。

來源

2012-08-06 22:38:18

我不知道你爲什麼會想這樣做，但如果你要選擇元素的引用，你可以這樣做：

select.parentNode.replaceChild(select.cloneNode(true), select);

來源

2012-08-06 23:17:20 RobG

使用jquery克隆選擇菜單？

回答

相關問題