본문 바로가기

개발중/Web

Web06 카테고리 재선택 택스트 창 clear

728x90
반응형

 

검색 선택 변경 할 경우 텍스트 비워주기

 

이름을 검색 하고,

다지 제목 검색을 선택하고 제목 검색을 눌렀을 때

기존에 TEXT 에 있던 'P' 를 지워 준다

 

 <tr>
   <td colspan="7" align="center">  
     <form name="sform">
        <b>검색:</b>
       <select name="keyfield" onchange="clearText();">
         <option value="">---검색선택--- </option>
         <option value="name"  <% if(skey.equals("name")){out.println("selected");} %> >이름검색</option>
         <option value="title" <% if(skey.equals("title")){out.println("selected");} %> >제목검색</option>
         <option value="">내용검색</option>
       </select>
       <input type="text" name="keyword" size="10"  value="<%= sval%>">
       <input type="submit" value=" 검 색 ">
     </form>
   </td>
 </tr> 

 

 

  <script type="text/javascript">
    function clearText(){
	   document.sform.keyword.value="";
	   document.sform.keyword.focus();
	}
  </script>

 

 

 

사용자가 검색 속성을 선택할 경우에 clearText() 를 호출한다.

 

여기서 keyword.value 의 값을 "" 로 초기화 시킨다

 

 

 

 

검색 조건 유지시키기

 

이름 검색을 선택하고 m을 치고 검색을 눌렀을 경우에는

내 검색 조건들이 검색 버튼을 누른 후에도 남아 있어야 한다.

 

기본 값을 sval 로 주니까 기본값이

검색 후에도 이렇게 검색 조건이 남아 있을 수 있다.

728x90
반응형

'개발중 > Web' 카테고리의 다른 글

Web06 댓글 수 표기  (0) 2020.07.30
Web06 sql 외래키 제약조건 명시  (0) 2020.07.30
Web05 page [이전][1]....[9][다음]  (0) 2020.07.29
Web05 page button color  (0) 2020.07.29
Web06 page number  (0) 2020.07.29