게시판검색이나 쇼핑몰에 유용한 자바스크립트

마이크로소프트의 다운로드 센터에 가면 검색방법에 따라 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>