게시판검색기능을 이렇게 검색할 수는 없나요?
본문
친절하신 분이 답변을 해주셨지만 질문내용이 너무 애매모호해서 다시 글을 올립니다..
위의 그림은 일반 게시판의 검색 소스 입니다. 이 검색소스에서 입력폼을 없애고 한가지 종류만 히든값으로 선택하고 저렇게 할 수 있는지요?
즉 그림속의 입력폼
<input name="stx" class="stx" maxlength="15" itemname="검색어" required value='<?=stripslashes($stx)?>'>
을 없애고..
<select name="classD1">
<option selected>선택</option>
</select>년
<select name="classD2">
<option selected>선택</option>
</select>년
<select name="classD3">
<option selected>선택</option>
</select>년
이렇게 쪼개서 검색가능하게 하고 싶어요... 어떻게 해야하는지 참고 소스 있으면 부탁드립니다...
답변 3
팁을 드리자면 마음껏 쪼개놓으시고 name 을 적지말고 id만 적어줍니다.
onsubmit function 에 혹은 폼 전송직전 자바스크립트 함수를 통해
회원님이 만들어 놓으신 엘리먼트의 선택값을
hidden 타입의 input 에 대입해줍니다.
셀렉터를 해당폼의 submit 으로 잡으면 편할텐데 사용하기 편하게
함수로 예를들어 드릴께요..
<form name="search" id="search">
<input type="hidden" name="stx" class="stx" value="<?=stripslashes($stx)?>">
<select id="classD1">
<option selected>선택</option>
</select>년
<select id="classD2">
<option selected>선택</option>
</select>년
<select id="classD3">
<option selected>선택</option>
</select>년
<input type="button" value="검색하기" onclick="get_submit();">
</form>
<script>
function get_submit() {
//숨겨진 stx 엘리먼트에 d1,d2,d3 의 값을 전달후 전송합니다.
$('.stx').val($('#classD1').val()+$('#classD2').val()+$('#classD3').val());
if($('.stx').val()) $('#search').submit();
}
</script>
우와..
감사드립니다...
$('.stx').val($('#classD1').val()+$('#classD2').val()+$('#classD3').val());
의 출력형식이 151228이런식인데요..
이걸 15-12-28 이렇게 하려면 어떻게 - 를 넣어야 하는지요?
염치불구하고 하나만 더 여쭤 봅니다.
$('.stx').val($('#classD1').val()+'-'+$('#classD2').val()+'-'+$('#classD3').val());
앗 로핑님도 답변 주셨네요...
대단히 감사합니다..
