Question

我有一个由jNice插件设计的简单选择菜单

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文件后，我发现选择菜单没有类，它完全由jNice插件完成。

我需要知道是否有解决此问题的方法

谢谢

Answer 1

找出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创建的选择菜单完全相同。你可以保持所有其他逻辑不变。

Answer 2

我不知道你为什么要这样做，但如果你有一个select元素的引用，你可以这样做：

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

使用jquery克隆选择菜单？

2 个答案: