使用jquery克隆一个选择菜单

clone a select menu using jquery?

本文关键字：一个 选择 菜单 jquery 使用      更新时间：2023-09-26

我有一个由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插件完成的。

我需要知道这个问题是否有解决方案

感谢

找出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');

收件人：

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

这将使jNice创建的选择菜单完全重复。你可以保持所有其他逻辑不变。

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

select.parentNode.replaceChild(select.cloneNode(true), select);
相关文章：