Jquery store 폼은 원래 값이있는 doc에 다시 쓰는 경우 변수에 입력합니다.

Question

인쇄소의 템플릿 양식을 작성하는 jQuery로 작업하고 있습니다. 사용자는 양식을 작성하고 "미리보기"버튼을 클릭 할 수 있습니다. 이 시점에서 폼에 변수를 저장하고 replaceWith()를 사용하여 텍스트 입력을 다시 작성하여 테이블 셀에서 입력을 바꿔서 'value'로 바꿉니다. 이 시점에서 필자는 입력 내용을 재고하기 위해 "추가 편집"버튼을 보여줍니다. 그래서, ... 저장된 변수에 html을 양식에 다시 써 넣었습니다. 그러나 놀랍게도 텍스트 입력 값은 사용자 입력 이전의 원래 기본값입니다. 이것은 꽤 복잡한 프로젝트입니다. 나는 토론을 복잡하게 만들 것이라고 생각하기 때문에 코드를 게시하는 것이 싫다. 나는 누군가가 이미이 경험을했기 때문에 무슨 일이 일어나고 있는지 알기를 바랍니다. :-) 감사합니다.

Answer 1

귀하의 요구 사항을 올바르게 이해하면 jQuery의 .detach() 메소드를 사용하여 코드 일부를 다시 작성합니다. 일반적으로 제거 할 요소를 변수에 저장하여 나중 시점에 다시 DOM에 다시 삽입 할 수 있습니다.

분리 된 요소는 일반 jQuery 객체와 계속 상호 작용할 수 있지만 페이지에는 표시되지 않습니다. 모든 사람에게 당신이 뭘 하려는지의 더 나은 아이디어를 제공합니다 일부 코드는 일반적으로 도움이 되나요 게시, 보조 노트로

<script> 
$(function(){ 

    var detachedInput = ''; 
    var detachedBtn = ''; 

    $('#preview').click(function(){ 
     // store elements for later use 
     detachedInput = $('#input').detach(); 
     detachedBtn = $(this).detach(); 

     // whatever you're trying to do with the output 
     //...this is just an example, and not a very good one at that 
     $('body').html($(detachedInput).val()); 
     $('<button>Edit</button>').appendTo('body') 
      .click(function(){ 
       $('body').empty() 
        .append(detachedInput) 
        .append(detachedBtn); 
      }); 
    }); 

}); 
</script> 

<input id='input' /> 
<button id='preview'>Preview</button> 

:

다음은 예입니다.