헤더에 form값을 전송하고싶어요
본문
모바일쪽 궁금한게 있습니다
헤더쪽에 온라인폼이 있습니다.
헤더쪽이다보니 모든 페이지들에서 노출이되는 페이지입니다.
게시판쪽에가면 <form이 두개가 되고 버튼이 두개가되다보니 오류가 나요...
form 이름이 두개가 다른데 왜 버튼들이 다 먹죠..온라인폼 버튼을 누른건데 게시판 버튼이 먹혀요..
헤더쪽 폼을 get으로 넘겨야하는데.. 어려워요
온라인폼 텍스트 입력후 확인버튼을 누르면 get값을 가지고 게시판으로 가야하는데..
어떡하죠?제가 질문하면서도 무슨말을 하고있는건지 어렵네여 ㅠㅠ
헤더쪽 소스가
<form name="distanceFrm" action='게시판경로' method="get">
<div class="popup zone_pop" data-popup="popup-1">
<input type="text" id="test" class="value" value="0" />
<input type="submit" value="<?=text_conversion("확인")?>"
class="btn_submit">
</div>
</form>
이렇게 했떠니 게시판 페이지에서 확인버튼누르면 존재하지않는 게시판이라고합니다
뭐가 잘못된건가요 ㅠㅠ
답변 2
무슨 말인지 이해는되는데여
폼이 두개라도 다르게 각각 적용가능합니다.
스크립트로 처리하면됩니다.
<input type="button" id="btn_register" class="button button-day-search" value="검색" >
<script>
$('.button-day-search').on('click', function(e){
var frm = document.frm;
var smonth = $('#smonth').val();
var emonth = $('#emonth').val();
if((!smonth) || (!emonth)){
alert('기간을선택하여주세요.');
return false;
}
frm.history.value = $("#history").val();
frm.stx.value = $("#stx").val();
frm.sk.value = $("#sk").val();
frm.submit();
});
</script>
위와같이 버튼을 눌렀을때 각기 폼을 읽도록 스크립트로 하시거나
onclick이벤트로 함수를 따로 만들어서 폼값을 넘기셔도됩니다.
이해가 쉽게 될지모르겠네여
참 그리고 값들은 왠만해선 get으로 넘기지마세요
form 두개를 중첩해서 사용할수없습니다.
한페이지에서 form을 여러개를 사용할수있지만
중첩해서는 사용할수없고
form으로 열어주고 /form으로 닫아주고 겹치지않게 사용해야합니다.