JQuery क्लोन <select> तत्व

Question

मैं JQuery का उपयोग कर HTML में एक < चयन > इनपुट क्लोन करने के लिए चाहते हैं।
मुझे यकीन नहीं है कि इसके बारे में कैसे जाना है, इसलिए सोचा कि मैं यहां पूछूंगा।

विशेष रूप से दस्तावेज़ में इसे लिखने का सबसे अच्छा तरीका भी रुचि रखते हैं।

मेरे चयन तत्व इस तरह दिखता है:

<select id="options"> 
    <option value="1">Opt 1</option> 
    <option value="2">Opt 2</option> 
    <option value="3">Opt 3</option> 
</select> 

धन्यवाद।

Answer 1

देखें: http://api.jquery.com/clone/

$('select#options').clone().attr('id', 'newOptions').appendTo('.blah'); 

appendTo (...) सिर्फ एक ही रास्ता क्लोन तत्वों को सम्मिलित करने के लिए है। अन्य तरीकों यहां पाया जा सकता: http://api.jquery.com/category/manipulation/

Answer 2

jQuery एक clone विधि में निर्मित है। क्लोन तत्व को वापस जोड़ने के लिए कई options हैं। उचित विकल्प आपके आवेदन पर निर्भर है।

Answer 3

इस बारे में कैसे?

<select id="options"> 
    <option value="1">Opt 1</option> 
    <option value="2">Opt 2</option> 
    <option value="3">Opt 3</option> 
</select> 

// को लक्षित

<select id="options2"> 
</select> 

$('#options').find('option').clone().appendTo('#options2'); 

धन्यवाद।

Answer 4

स्वीकार्य उत्तर के साथ केवल समस्या यह है कि यदि आपके चयन में ऑप्टग्रुप शामिल हैं तो उनकी प्रतिलिपि नहीं बनाई जाएगी। उस मामले में, सबसे आसान तरीका मैंने पाया सिर्फ यह करने के लिए किया गया था:

$('#options2').html($('#options').html()); 

Answer 5

आप attr विकल्प का चयन परिवर्तन के साथ सच का चयन किया जा सकता है, तो का उपयोग क्लोन ठीक है।

$("#options").off("change").on("change", function() { 
 
    var val = $(this).val(); 
 

 
    $(this).find("option[value=" + val + "]").attr("selected", true); 
 
});

$("#options").off("change").on("change", function() { 
 
    var val = $(this).val(); 
 

 
    $(this).find("option[value=" + val + "]").attr("selected", true); 
 
});