채택완료

js .html 넣었을때 폼 유지방법

Copy
<div class="test">

<p class="text"><input type="text"><br></p>

</div>

 

-js-

document.onclick

var a = '야호';

$(".test .text").html(a);

이런식으로 onclick버튼을 눌렀을때 야호라는 값이 input type="text"에 들어가게끔 하고 싶은데

누르는 순간 input type="text" 폼이 깨지고 그냥 텍스트만 들어갑니다.

폼유지하면서 들어가게끔 할수 없을까요??

js부분은 제가 방금 생각하면서 짠부분이라 onclick부분이 소홀하지만 문법이 틀린건 없습니다.

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트

input text에 id를 넣으시고, 

예) <input id="aa" type="text">

$(".test .text #aa").val(a);

로 변경하셔야 정상적으로 작동하겠네요

답변에 대한 댓글 1개

감사합니다.
<p>로 묶여있어서 될줄알았는데 input id까지 지정해줘야 input이 되나보네요~
Copy
$(".test .text").html(a);

html을 건드시면 당연히 깨지고요

 

$(".test input").val(a); 로 하셔야 합니더

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