개발 Q&A

제목 검색 버튼을 누르면 리로드가 되는 현상
글쓴이 정수리 작성시각 2016/10/13 09:26:51
댓글 : 2 추천 : 0 스크랩 : 0 조회수 : 13301   RSS

ci책을 참고 하여 검색 기능 부분을 구현하고 있습니다.

 

$('button[name="sh_bttn"]').click(function(){
			if($('input[name="search"]').val() ==''){
				alert('검색어를 입력해주세요');
				$('input[name="search"]').focus();
				return false;
			}else{
				var url = urlinfo();
				
				//alert('전송');
				 var name = $('input[name="search"]').val();
				 var ck_pur =  $('select[name="ck_pur"]').val();
				var key = encodeURIComponents(name);
				var act  = url+'m_jds_c/ck_search/'+ck_pur+'/'+key;
				alert(act);
				return false;
				//$('#ck_submit').attr('action', act).submit();
			}
	});

 

 

<div>
	<form id="ck_submit" method="post">
		<select name="ck_pur">
			<option value="0">전체</option>
			<option value="1">할일</option>
			<option value="2">정기점검</option>
			<option value="3">장애</option>
			<option value="4">방문</option>
			<option value="5">예약일정</option>
			<option value="6">완료일정</option>
		</select>
		<input type="text" id="gg_name" name="search"/>
		<button name="sh_bttn">검색</button>
	</form>
</div>

 

검색 버튼을 클릭하면 jquery의 act에서 지정한 url로 넘어가야 하는데

넘어가지 않고 계속 리로드가 되어버리네요;

혹시나 해서 서브밋하는 부분을 주석처리하고

var act = url+'m_jds_c/ck_search/'+ck_pur+'/'+key;

밑에 alert(act)와 return false 적은 후

다시 검색버튼을 클릭하면 그래도 alert창이 뜨지 않고 그대로 리로드 되어버리네요;;

jquery 코드에 리로드시키는 코드가 있는 건가요??;

다시 확인해봐도;; 리로드 될만한 것이 없어보이는데 말이죠 

어떤 부분이 문제 인지 알고 싶습니다.

조언 좀 부탁드리겠습니다.

 다음글 언어셋 문제 인것 같은데 임시방편으로 해결할수 있는 방... (4)
 이전글 아 마지막 db 값 전달 받는 과정 질문입니다. (4)

댓글

kaido / 2016/10/13 11:15:16 / 추천 0
....
<button name="sh_bttn">검색</button>
</form> 


...
</form>
<button name="sh_bttn">검색</button>

form 밖으로 빼세요.

 

정수리 / 2016/10/13 13:47:38 / 추천 0

@kaido

답변감사합니다.

다행히 해결하였습니다 ^^

encodeURIComponents-> encodeURIComponent

하였습니다.