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

时间:2010-10-05 07:45:57

标签: javascript jquery drop-down-menu

如何使用所选选项克隆下拉列表(组合框)?

对于所选选项,

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

3 个答案:

答案 0 :(得分:17)

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

尝试here

答案 1 :(得分:0)

你能实现一个克隆下拉菜单的按钮吗?

答案 2 :(得分:0)

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