jQuery 또는 javascript에서 양식 필드 값을 복제하는 방법이 있습니까?

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를이 텍스트 영역을 포함하여 작동합니다

$('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(); 

트릭이, 당신은 온 - '를 입력 그렇지 않으면 데이터를 DOM 트리의 실제'값 '속성을 변경하는 것입니다

-fly이 문제 발견 상태 '

Answer 4

'에만 DOM에 존재하는 '이 래퍼 썼다 :

$.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

을 그냥 복제 방법을 패치 https://github.com/spencertipping/jquery.fix.clone

: 당신은 필드 자체를 복제해야하는 경우,이 주석 기능을 복제하지 텍스트 영역 값에 대한 또 다른 쉽게 수정하여 HTML에서 다음 자바 스크립트 파일을 포함하는 것입니다 relCopy

Answer 6

을 확인 그래서 파일을 포함시킨 다음 잊어 버릴 수 있습니다. 분명히 선택 값을 복제하는 데 문제가 있으며이 파일도이 문제를 해결합니다.

이 파일의 링크는 http://bugs.jquery.com/ticket/3016입니다. 버그는 4 살입니다. 텍스트 영역을 복사 할

Answer 7

사용이 코드는

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