jquery html 태그로 입력 값 변경

Question

제출 입력 값을 변경하고 싶습니다. 그러나 단순한 텍스트가 아닙니다. 예를 들어 값이

보내기 코드가

하지만 텍스트 사이 BR 태그를 넣을 때 문제가, 내 HTML 코드가 정확히 인쇄됩니다 쿼리 제출이

같이해야한다.

$('input[type=submit]').val('submit<br />send code'); 

Answer 1

사용 \n 대신 같은 휴식. 그러나 적용 type="submit"와 button에 HTML을 설정할 수 있습니다 : 이것은 크롬에서 작동하지 않는 것으로

$('button').click(function() { 
 
    $(this).html('submit<br />send code'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button>Original value</button>

Answer 2

번호

양식 컨트롤은 일반 텍스트를 개최 ... 쿼리하지만 심지어 HTML 코드를 모든 텍스트를 인쇄하여 값을 변경할 수 있습니다.

당신은 <input> 요소 대신 <button> 요소를 사용하여 제출 버튼에 태그를 넣을 수 있습니다 (당신은 자바 스크립트를 변경하는 데 사용할 .html() 대신 .val()를 사용해야합니다). 당신은 입력 버튼의 값에 HTML 코드를 넣을 수 없습니다

$('input[type=submit]').val('submit\nsend code');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="submit" />

Answer 3