채택완료

div 요소를 텍스트박스 안 텍스트로

페이지에서 텍스트박스에 글을 입력하고 저장 후 그 텍스트박스의 내용을 수정하게 되면 히스토리에 그 전의 작성한 글들이 목록처럼 표시되도록 구현이 되어있습니다.

3530079757_1655340721.0565.png

[텍스트박스와 히스토리 모달창을 열기위한 히스토리 버튼]

3530079757_1655340839.8713.png

[히스토리 모달창을 열었을때]

 

여기서 히스토리 모달창 목록 내에서 전에 적었던 글을 클릭하면 그 요소를 복사해서 텍스트박스 안에 텍스트형식으로 나오게 하고 싶은데 무슨 방법있을까요? 아니면 꼭 이 방법이 아니더라도 모달창 내의 div요소를 모달창을 벗어난 페이지의 텍스트 박스에 어떤 형식으로든 나오게 할 수 있을까요?

|

답변 2개

채택된 답변
+20 포인트

Copy
<div id='aa'>가나다라마바사</div>

<div id=bb'></div>

<button type='button' class='test_btn'>클릭</button>

 

<script>

$(function() {

$(document).on("click",".test_btn",function() {

var html_copy = $('#aa').html();

//html(),append(),before()....

$('#bb').html(html_copy);

});

});

</script>

jquery 로 클릭했을때 해당 값을 원하시는 div요소에 append() 나 html()로 넣어주시면 될 것 같습니다.

답변을 작성하려면 로그인이 필요합니다.