< ( 3 ) 검색어 입력하고 검색어를 다른 페이지 파라미터로 넘기기 >



html :


<div class="search_input">

     <label for="searchinput"><input type="text" id="searchinput" placeholder="검색어를 입력하여 주세요" /></label>

     <a href="javascript:;"><img src="<%=IMAGE_SITE_DOMAIN%>/good/mobile/common/btn_menu_gnbsearch.png" alt="검색"></a>

</div>




javascript :



var $searchInputClick = _$('.search_input').find('a');


$searchInputClick.on('click', searchText );


var _$searchInput = _$('.search_input').find('input');


_$searchInput.keyup(function(e){

if(e.keyCode == 13) {        // 웹에서 엔터쳤을때

          searchText( );

     }

});




function searchText( $e ){

     var thisText = $('aside .menu_box .search .search_input input').val();  // 검색한 단어


     if( thisText == '' ){

           $('aside .menu_box .search .search_input input').val('').blur();    //blur 처리하여 모바일에서 인풋 포커스 없애서 키패드 감추기

           alert('검색어가 없습니다.');

      } else {

            window.location.href = (이동시킬도메인 + "/search/search_list.asp?q=" + encodeURIComponent(thisText));                                                                //이동시킬 페이지                     //encodeURIComponent로 변환하여 넘기기 

      }

}



검색완료된 페이지에서 파라미터값을 받아서 검색인풋창에 다시 보여주기




+ Recent posts