팁/튜토리얼

jquery를 이용하여 인풋에 기본값을 placeholder로 바꿔주는 소스

2017.02.10 18:45
3,020
0
0

설명

 

XE 게시판에서 placeholder이나 설명값이 아닌, 기본값으로 입력된 값을

제이쿼리를 이용하여 placeholder로 해당값을 넘겨주고, 

해당 인풋은 로딩시 빈칸으로 만들어주는 소스입니다.

 

게시판 입력폼마다 .extra_val 이라는 클래스를 주었는데,

10,6, 12는 해당 클래스값입니다. 숫자는 어떻게 따로 저기서 주는지 몰라서-_-; 

바보같이 모든 숫자를 다 집어넣어줬네요 ㅠ

 

출처 

 

http://stackoverflow.com/questions/25049731/adding-placeholder-attribute-using-jquery

 

 

소스

$( document ).ready( function() {
   var extra10 = $(".extra_val > input[name='extra_vars10']");
   extra10.attr("placeholder", extra10.val()).val("").focus().blur();
   var extra6 = $(".extra_val > input[name='extra_vars6']");
   extra6.attr("placeholder", extra6.val()).val("").focus().blur();
   var extra12 = $(".extra_val > input[name='extra_vars12']");
   extra12.attr("placeholder", extra12.val()).val("").focus().blur();
} );
eond Lv. 12

댓글 0