팁/튜토리얼

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

2017.02.10 18:45
3,035
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. 13
# 라이믹스 스킨 제작은 어디? >>>> XE 레이아웃, 라이믹스 스킨제작은 이온디에서 커스터마이징해드립니다.
# 빠른 라이믹스 커뮤니티용 호스팅을 찾고 계신가요? >>>> 이온디호스팅 서비스는 PHP8 & Redis 서버 캐시를 활용하여 라이믹스에 최적화된 호스팅 서비스를 제공해드립니다. (서버세팅시 웹패널, 내도메인메일서비스도 함께 구축해드립니다.)
https://eond.com

댓글 0