copiar/Clonar la lista desplegable con la opción seleccionada en jquery

Question

¿Cómo puedo clonar la lista desplegable (cuadro combinado) con la opción seleccionada?

el método jquery .clone no está funcionando en firefox para la opción seleccionada.

Tengo un div con controles diferentes. Tengo que copiar toda div a una variable algo como esto

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

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


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

      }); 

Déjame saber cómo podemos lograr que se haga y que debe ser trabajado en 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()); 

}); 

Pruébalo here en jsFiddle

Answer 2

se puede implementar un botón para clonar los menús desplegables?

Answer 3

Hola, tienes un customedropdown con alguna máscara de imagen, entonces el clon simple no mostrará un valor seleccionado, para eso tienes que asignar primero un valor seleccionado de un menú desplegable al segundo menú desplegable, y luego llamar a un evento de cambio implícitamente como sigue . $ ('select [id * = cstate]'). Val ($ ("select [id * = state]"). Val()); $ ("# cstate"). Change();