검색창의 모양을 셀렉트폼으로 바꾸기 2

<script language="java-script">
function zbSearchSelectOption(key) {
    search.sn.value = 'off';
    search.ss.value = 'off';
    search.sc.value = 'off';
    // search[key].value = 'on'; // 삭제된 부분
    // 추가된 부분
    if (key.indexOf(" ") >= 0) {
        arr = key.split(" ");
        for (var i in arr) {
            search[key].value = 'on';
        }
    } else {
        search[key].value = 'on';
    }
}
</script>

검색 범위 변경 함수를 위와 같이 변경하시고,


<select on-Change="zbSearchSelectOption(this.options[this.selectedIndex].value);">
<option class=input_select value="sn"    <? if ($sn == "on"  && $ss == "off" && $sc == "off") echo "selected"; ?>>이름에서</option>
<option class=input_select value="ss"    <? if ($sn == "off" && $ss == "on"  && $sc == "off") echo "selected"; ?>>제목에서</option>
<option class=input_select value="sc"    <? if ($sn == "off" && $ss == "off" && $sc == "on" ) echo "selected"; ?>>내용에서</option>
<option class=input_select value="ss sc" <? if ($sn == "off" && $ss == "on"  && $sc == "on" ) echo "selected"; ?>>제목+내용</option><!-- 추가된 부분 -->
</select>

이렇게 바꿔주시면 됩니다. 소스를 보시면 아시겠지만 체크하고 싶으신 항목을 빈칸으로 구분해서 옵션 태그의 밸류로 주면 됩니다. :)