Copia/Clona elenco a discesa con l'opzione selezionata in jquery

Question

Come posso clonare l'elenco a discesa (combobox) con l'opzione selezionata?

jquery. Il metodo clone non funziona in firefox per l'opzione selezionata.

Ho un div con controlli diversi. Devo copiare l'intero div per un qualcosa di variabili come questo

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

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


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

      }); 

Fatemi sapere come possiamo farlo fare e deve essere lavorato in 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()); 

}); 

Prova ora a here jsfiddle

Answer 2

Puoi implementare un pulsante per clonare i menu a discesa?

Answer 3

Salve si dispone di un customedropdown con alcune maschera di immagine quindi semplice clone non verrà visualizzato un valore selezionato, per questo è necessario prima assegnare un valore selezionato di un menu a discesa al secondo discesa, e quindi chiamare un evento di cambiamento implicitamente come segue . $ ('seleziona [id * = cstate]'). Val ($ ("seleziona [id * = stato]"). Val()); $ ("# cstate"). Change();