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

});

试一试 here在 jsfiddle