input(select) 박스에 값이 입력된 뒤 배경색 변경하기 > 그누보드5 팁자료실

그누보드5 팁자료실

input(select) 박스에 값이 입력된 뒤 배경색 변경하기 정보

input(select) 박스에 값이 입력된 뒤 배경색 변경하기

본문

input 입력박스나 select 입력박스 등에 값이 입력(선택)될 경우

입력박스(select박스) 등의 배경색상을 변경하는 팁입니다.

 

$(function() {

 

  var select_bg = $("#select1").css("background"); // #select1 은 select 의 id 값 - 기존 배경색 저장
  var input_bg = $("#input1").css("background");  // #input1 은 input 의 id 값 - 기존 배경색 저장

  var submin_bg = $("input[type=submit]").css("background"); // submit 버튼의 배경색
 

  $("input").blur(function() {
   if ($(this).val()) $(this).css("background","#EEF6E2"); /* 값이 입력되면 #EEF6E2 로 변경한다 */
   else $(this).css("background",input_bg);  /* 입력값이 지워지면 기본배경색으로 */
   $("input[type=submit]").css("background",submin_bg); // submit 버튼의 배경색은 원래대로 복원
  });


  $("select").blur(function() {
   var this_id = "#"+$(this).attr('id')+" option:selected";
   if ($(this_id).val()) $(this).css("background","#EEF6E2"); /* 값이 입력되면 #EEF6E2 로 변경한다 */
   else $(this).css("background",combo_bg);  /* 입력값이 지워지면 기본배경색으로 */
  });

});

 

2948944245_1521795906.7175.jpg

추천
3

댓글 2개

전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT