Javascript 使用jquery中的选定选项复制/克隆下拉列表

如何使用所选选项克隆下拉列表（组合框）

jquery.clone方法在所选选项的firefox中不起作用

我有一个div有不同的控件。我必须将整个div复制到一个类似这样的变量

var $orginalDiv = $('#myDiv');
var $clonedDiv = $orginalDiv.clone();

$clonedDiv.find('select').each(function() {


....Something do here for assigning selected options from original div ..

            });

让我知道我们如何完成它，它必须在FireFox中工作

var $orginalDiv = $('#myDiv');
var $clonedDiv = $orginalDiv.clone();

//get original selects into a jq object
var $originalSelects = $orginalDiv.find('select');

$clonedDiv.find('select').each(function(index, item) {

     //set new select to value of old select
     $(item).val( $originalSelects.eq(index).val() );

});

---

在JSFIDLE上尝试一下，你能实现一个按钮来克隆下拉列表吗？

嗨，你有一个带有图像掩码的自定义下拉列表，那么简单的克隆将不会显示选定的值，因为你必须首先将一个下拉列表的选定值指定给第二个下拉列表，然后隐式调用一个更改事件，如下所示。 $（'select[id*=cstate]'）.val（$（'select[id*=state]'）.val（））；

---

$（“#cstate”）.change（）

你可能在找这个，@Reigel这是一个控件，但我需要多个下拉列表。我如何在问题代码中分配val？+1如果

select

不是同级，我不确定索引是否有效，但是它+1现在它工作了。很好的Ans，显示了使用jQuery的良好经验。谢谢，只需在按钮的单击处理程序中使用

$（下拉列表）.clone（）

。如何更改克隆下拉列表的名称和id属性。我使用$（下拉列表）.clone（）.attr（“名称”，“技能”）；但它不起作用：(