在 jquery 中复制/克隆带有选定选项的下拉列表 [英] copy/Clone dropdown list with selected option in jquery

问题描述

如何克隆带有选定选项的下拉列表(组合框)?

How can I clone dropdown list(combobox) with selected option?

jquery .clone 方法在 firefox 中不适用于所选选项.

jquery .clone method is not working in firefox for selected option.

我有一个具有不同控件的 div.我必须将整个 div 复制到一个像这样的变量

I have a div having different controls. I have to copy entire div to a variable something like this

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

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


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

            });

让我知道我们如何完成它，它必须在 FireFox 中运行.

Let me know how can we get it done and it must be worked in 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() );

});

在jsfiddle这里尝试

Try it here at jsfiddle

这篇关于在 jquery 中复制/克隆带有选定选项的下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！