क्या jQuery या जावास्क्रिप्ट में फॉर्म फ़ील्ड मान क्लोन करने का कोई तरीका है?

Question

jQuery में clone() फ़ंक्शन है जो वास्तविक समस्या को बिना किसी समस्या के क्लोन करता है, लेकिन यह फ़ॉर्म में दर्ज किए गए किसी भी मान को सुरक्षित नहीं करता है।

क्या इसके आसपास जाने का कोई तरीका है?

नमूना कोड की बहुत सराहना की जाएगी।

Answer 1

नोट्स से स्टेमिंग, यहां एक समाधान है। निम्न प्रपत्र के साथ:

<form id="old"> 
    <textarea>Some Value</textarea> 
    <input type="text" value="Some Value" /> 
    <input type="checkbox" value="bob" checked /> 
    <br /> 
</form> 

<input type="button" value="Clone" id="clone" /> 

यह jQuery textareas सहित, काम करता है:

$('input#clone').click(
    function() 
    { 
     $('form#old textarea').text($('form#old textarea').val()) 
     $("form#old").clone().attr('id', 'new_form').appendTo("body") 

    } 
) 

डेमो: http://jsfiddle.net/Jux3e/

Answer 2

आप इस jQuery प्लगइन का उपयोग कर सकते हैं।

/** 
* clone element, including the textarea part 
*/ 


$.fn.clone2 = function(val1, val2) { 
    // ret for return value, cur for current jquery object 
    var ret, cur; 
    ret = $(this).clone(val1, val2); 
    cur = $(this); 

    // copy all value of textarea 
    ret.find('textarea').each(function() { 
     var value_baru; 

     // use name attribute as unique id 
     value_baru = sek.find('[name="$name"]'.replace('$name', $(this).attr('name'))) 
         .val(); 

     // set the new value to the textarea 
     $(this).val(value_baru); 
    }); 

    // return val 
    return ret; 
} 

Answer 3

एक ही समस्या में पड़ गए, सरल उपाय:

// touch all input values 
$('input:text').each(function() { 
    $(this).attr('value', $(this).val()); 
}); 

var clones = $('input:text').clone(); 

चाल है कि इस डोम पेड़ में वास्तविक 'मूल्य' विशेषता अन्यथा डेटा आप पर से दर्ज 'बदल जाएगा, है -fly राज्य '

Answer 4

इस समस्या को मिला' केवल डोम में मौजूद है 'और इस आवरण लिखा है:

$.fn.cloneField = function(withDataAndEvents) { 
var clones = []; 
this.each(function(){ 
    var cln = $(this).clone(withDataAndEvents); 
    cln.val($(this).val()); 
    clones.push(cln.get(0)); 
}); 
return jQuery(clones); }; 

Answer 5

यदि आप क्षेत्र में ही नकल करने की जरूरत है, इस टिन का समारोह relCopy

Answer 6

पाठ क्षेत्र मूल्यों क्लोन नहीं किया जा रहा के लिए एक और आसान ठीक अपने HTML में निम्न JavaScript फ़ाइल को शामिल करने के लिए है की जाँच करें: https://github.com/spencertipping/jquery.fix.clone

यह सिर्फ क्लोन विधि पैच इसलिए आप फ़ाइल को शामिल कर सकते हैं और फिर इसे भूल गए हैं। स्पष्ट रूप से चयन मूल्यों को क्लोन करने में कोई समस्या है और यह वही फ़ाइल उस समस्या को भी ठीक करती है।

यह फ़ाइल निम्न से जुड़ी थी: http://bugs.jquery.com/ticket/3016। बग 4 साल पुराना है। इस कोड को कॉपी करने के लिए पाठ क्षेत्र

Answer 7

उपयोग को महत्व देता

clonedObject.find(textareaObject).val(originalObject.find(textareaObject).val());