마이크로소프트의 다운로드 센터에 가면 검색방법에 따라 Select박스가 나타나기도 하고, Text박스가 나타나기도 하더군요.신기해서 그냥 지나칠수가 없었어요. ^^; VB스크립트로 만들어 놓은걸 자바스크립트로 바꿔봤습니다.
게시판검색이나, 쇼핑몰 만드실때 신용카드,온라인결재 처리시에 이용하면 유용할것 같습니다. 아래는 소스입니다. 즐거운 하루들 되세요.
######## 소스입니다.#############
<HTML> <HEAD>
<TITLE>호호의 테스트</TITLE>
<SCRIPT LANGUAGE="JavaScript"> <!-- function change(str) { if(str=="p"){ CellProduct.style.display="" CellCategory.style.display="none" CellKeyword.style.display="none" }else if(str=="c"){ CellCategory.style.display="" CellProduct.style.display="none" CellKeyword.style.display="none" }else{ CellKeyword.style.display="" CellProduct.style.display="none" CellCategory.style.display="none" } } //--> </SCRIPT>
</HEAD>
<BODY>
<!-- Main View -->
<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=0 BGCOLOR=#CCCCCC WIDTH=98%> <TR><TD> <B>검색방법 <INPUT TYPE=RADIO NAME=SearchBy VALUE="Product" CHECKED onClick="change("p")">분류별검색 <INPUT TYPE=RADIO NAME=SearchBy VALUE="Category" onClick="change("c")">제품별검색 <INPUT TYPE=RADIO NAME=SearchBy VALUE="Keywords" onClick="change("k")">단어검색 </TD></TR> </TABLE>
<BR>
<TABLE width=200 CELLPADDING=0 CELLSPACING=0 BORDER=0> <TR>
<TD ID=CellProduct> <B>분류명<BR> <SELECT> <OPTION VALUE="0" SELECTED>분류를 선택하세요 </SELECT> </TD>
<TD ID=CellCategory STYLE="display:none"> <B>제품명<BR> <SELECT> <OPTION VALUE="0" SELECTED>제품을 선택하세요 </SELECT> </TD>
<TD ID=CellKeyword STYLE="display:none"> <B>검색어<BR> <INPUT MAXLENGTH=20 SIZE=20 TYPE=TEXT > </TD>
</TR> </TABLE>
</BODY> </HTML>
출처 : php스쿨 해바라기 님이 올려주신 글입니다. |
|
|