채택완료

게시판검색기능을 이렇게 검색할 수는 없나요?

2015-12-28 (월) 09:48:23 4,741

06d90f0c68baa02d7deb29bb26b64ac9_1451263530_3765.jpg 

    친절하신 분이 답변을 해주셨지만 질문내용이 너무 애매모호해서 다시 글을 올립니다..

    위의 그림은 일반 게시판의 검색 소스 입니다.  이 검색소스에서 입력폼을 없애고 한가지 종류만 히든값으로 선택하고 저렇게 할 수 있는지요?

    즉 그림속의 입력폼
<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개 / 댓글 1개

채택된 답변
+20 포인트

팁을 드리자면 마음껏 쪼개놓으시고 name 을 적지말고 id만 적어줍니다.

onsubmit function 에 혹은 폼 전송직전 자바스크립트 함수를 통해

회원님이 만들어 놓으신 엘리먼트의 선택값을

hidden 타입의 input 에 대입해줍니다.

셀렉터를 해당폼의 submit 으로 잡으면 편할텐데 사용하기 편하게

함수로 예를들어 드릴께요..

Copy
<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>
2015-12-29 (화) 09:07:24

앗 로핑님도 답변 주셨네요...

대단히 감사합니다.. 

2015-12-28 (월) 15:09:54

우와..

감사드립니다...

$('.stx').val($('#classD1').val()+$('#classD2').val()+$('#classD3').val()); 

의 출력형식이 151228이런식인데요..

이걸 15-12-28 이렇게 하려면 어떻게 - 를 넣어야 하는지요?

염치불구하고 하나만 더 여쭤 봅니다. 

답변에 대한 댓글 1개

$('.stx').val($('#classD1').val()+'-'+$('#classD2').val()+'-'+$('#classD3').val());

답변을 작성하려면 로그인이 필요합니다.