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

Question

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

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中工作。

Answer 1

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() );

});

试试这里的的jsfiddle

Answer 2

你能实现一个按钮来克隆下拉菜单吗？

Answer 3

嗨，你有一个带有一些图像掩码的customedropdown，然后简单的克隆将不会显示一个选定的值，因为你必须首先将一个下拉列表的选定值分配给第二个下拉列表，然后隐式调用一个更改事件，如下所示。 $（ '选择[ID * = cstate]'）VAL（$（ “选择[ID * =状态]”）VAL（）。）。 $（ “＃cstate”）变化（）。