input box 텍스트 입력시 지우기 버튼

input box 텍스트 입력시 지우기 버튼

QA

input box 텍스트 입력시 지우기 버튼

답변 1

본문

검색사이트들보면

인풋박스에 검색어 입력시(포커스x) 지우기버튼이 활성화되었다가 검색어가 없으면 비활성화 되는 버튼 만들기!

 

예시) 구글 등에서 포커스인 때는 없다가 텍스트 입력하면 우측에 x버튼

 

어떻게 해야할까요?

고수님들 헬프미!욥 ㅠㅠ

이 질문에 댓글 쓰기 :

답변 1

input 에 값이 있는지 체크해서.. 없을때는 숨기고..

있는때는 보여지게 처리하면 됩니다.


$("검색 입력창").keyup(function () {
    if($(this).val()) {
        $("지우개아이콘").show();
    } else {
        $("지우개아이콘").hide();
    }
});
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 56
© SIRSOFT
현재 페이지 제일 처음으로