2026, 새로운 도약을 시작합니다.
SIR
목록으로
이전글 다음글

셀렉트값 변수 저장 채택완료

은은빛여전사
프로필 보기이 회원 글보기이 회원의 댓글보기
 6년 전 조회 3,554
답변 2
목록
Copy 




고객구분                  





개인

법인

위에서 선택되어진 값을 db에는 저장을 안하고 같은페이지에서 

변수로 임시 저장을 하려면 어떻게 해야 할까요?

변수값을 링크페이지로 가져 가려고 하는데요

변수에 저장되어 있는 값은 가져갈수 있는데

셀렉트 값을 가져가려면 어찌해야 하는지 모르겠어서요 ㅠㅠ

변수로 저장하면 가져 갈수 있겠는데 ㄷㄷ

#셀릭트 #변수

답변 2개

채택된 답변
+20 포인트
Copy 




$(function() {

    $("#button").on("click", function() {

        $(location).attr("href", "이동할 페이지.php?customer=" + $("#customer").val());

    });

});



submit

이동할 페이지.php

echo $_GET['customer'];

로그인 후 평가할 수 있습니다

답변에 대한 댓글 7개

답변 감사합니다... 그런데
기존에 아래 코드를 이용하여 변수를 가지고 페이지를 이동 했었는데요..
추가로 셀렉트 박스 값을 함께 가져가야 하는 상황이 생겨서요..
위 코드와 함께 적용 하려면 어떻게 해야 할까요?
[code]

<?php
$info3 = urlencode($it['111']);
$info4 = urlencode($it['it_1_subj']);
$info5 = urlencode($it['it_2_subj']);

?>

<a type="submit" id="btn-submit" class="btn btn-<?php echo $btn2;?> btn-block" href="/bbs/write.php?bo_table=Ask&sca=SK&info3=<?php echo $info3 ?>&info4=<?php echo $info4 ?>&info5=<?php echo $info5 ?>"><span class="hidden-xs">신청하러가기</span></a>
[/code]
[code]
$(function() {
$("#btn-submit").on("click", function(e) {
e.preventDefault();
$(location).attr("href", $(this).attr("href") + "&customer=" + $("#customer").val());
});
});
[/code]
왕계란님 작동은 잘 되는데요
[code]
<script>
$(function() {
$("#btn-submit").on("click", function(e) {
e.preventDefault();
$(location).attr("href", $(this).attr("href") + "&customer=" + $("#customer").val());
});
$("#btn-submit").on("click", function(e) {
e.preventDefault();
$(location).attr("href", $(this).attr("href") + "&dis_kind=" + $("#dis_kind").val());
});
$("#btn-submit").on("click", function(e) {
e.preventDefault();
$(location).attr("href", $(this).attr("href") + "&pay_kind=" + $("#pay_kind").val());
});
$("#btn-submit").on("click", function(e) {
e.preventDefault();
$(location).attr("href", $(this).attr("href") + "&join_type=" + $("#join_type").val());
});
$("#btn-submit").on("click", function(e) {
e.preventDefault();
$(location).attr("href", $(this).attr("href") + "&color=" + $("#color").val());
});
$("#btn-submit").on("click", function(e) {
e.preventDefault();
$(location).attr("href", $(this).attr("href") + "&charge_code=" + $("#charge_code").val());
});
});

</script>
[/code]
이렇게 여러개를 하니 맨 마지막 꺼만 넘어 가네요 ㅠㅠ
<a type="submit" id="btn-submit" class="btn btn-<?php echo $btn2;?> btn-block" href="/bbs/write.php?bo_table=Ask&sca=SK&info3=<?php echo $info3 ?>&info4=<?php echo $info4 ?>&info5=<?php echo $info5 ?>"><span class="hidden-xs">신청하러가기</span></a>
이 코드에 대한 스크립트입니다.
그런데 지금 스크립트를 전부 따로 분리하셨는데 그렇게 하신 이유가 뭔지 궁금하네요.
dis_kind, pay_kind 등등
이런 것들은 어디서 온 건가요?
저것들이 있는 html 부분을 소스 보기로 해서 올려 보세요.
dis_kind, pay_kind 등등은 아래코드에서 처럼 셀렉트박스 이름입니다.

[code]
<DIV class="col-lg-7 form-horizontal product_option_box">
<DIV class="form-group">
<LABEL class="col-lg-3 col-xs-4 control-label" for="">고객구분 </LABEL>
<DIV class="col-lg-9 col-xs-8 select_div_block_parent">
<SELECT name="customer" class="form-control " id="customer">
<OPTION value="0">개인</OPTION>
<OPTION value="1">법인</OPTION>
</SELECT></DIV></DIV>
<DIV class="form-group"><LABEL class="col-lg-3 col-xs-4 control-label" for="">할인유형</LABEL>
<DIV class="col-lg-9 col-xs-8 select_div_block_parent">
<SELECT name="dis_kind" class="form-control" id="dis_kind">
<OPTION value="0">공시지원금</OPTION>
<OPTION value="1">선택약정</OPTION>
</SELECT></DIV></DIV>
<DIV class="form-group support" >
<LABEL class="col-lg-3 col-xs-4 control-label" for="">추가지원금</LABEL>
<DIV class="col-lg-9 col-xs-8 select_div_block_parent">
<SELECT name="add_price" class="form-control" id="add_price"><OPTION value="0">0%</OPTION>
<OPTION value="15">15%</OPTION>
</SELECT></DIV></DIV>
[/code]


처음에는 아래코드를 이용하여 링크페이지로 가져갈 변수들만 가져가서 사용했었는데요
[code]
<?php
$info3 = urlencode($it['111']);
$info4 = urlencode($it['it_1_subj']);
$info5 = urlencode($it['it_2_subj']);

?>

<a type="submit" id="btn-submit" class="btn btn-<?php echo $btn2;?> btn-block" href="/bbs/write.php?bo_table=Ask&sca=SK&info3=<?php echo $info3 ?>&info4=<?php echo $info4 ?>&info5=<?php echo $info5 ?>"><span class="hidden-xs">신청하러가기</span></a>
[/code]


필요에 의해 셀렉트박스의 값도 가져가야 하는 상황이 생겼습니다.
그래서 알려 주신바대로 아래와 같이 이용하여 셀렉트박스의 값도 링크페이지로 가져갈수 있게 되었습니다...

[code]
<script>
$(function() {
$("#btn-submit").on("click", function(e) {
e.preventDefault();
$(location).attr("href", $(this).attr("href") + "&customer=" + $("#customer").val());
});
});
</script>

<?php
$info3 = urlencode($it['111']);
$info4 = urlencode($it['it_1_subj']);
$info5 = urlencode($it['it_2_subj']);

?>

<a type="submit" id="btn-submit" class="btn btn-<?php echo $btn2;?> btn-block" href="/bbs/write.php?bo_table=Ask&sca=SK&info3=<?php echo $info3 ?>&info4=<?php echo $info4 ?>&info5=<?php echo $info5 ?>"><span class="hidden-xs">신청하러가기</span></a>
[/code]

여기서 문제는 가져가야할 셀렉트값이 customer 1개가 아니라 15개 거든요
스크립트에 추가를 더 하면 맨 마지막 값만 넘어 가게 되더라구요
셀렉트값 여러개를 넘어가게 하려면 어떻게 해야 하는지요??
[code]
<script>
$(function() {
var opts = [];
$("select.opts").on("change", function() {
opts.push($(this).attr("name") + "=" + $("option:selected", this).text());
});

$("#btn-submit").on("click", function(e) {
e.preventDefault();
$(location).attr("href", $(this).attr("href") + "&" + opts.join("&"));
});
});
</script>
[/code]
<select name="customer" class="form-control opts" id="customer">
각각 select class 부분에 위처럼 opts를 넣어 주세요.
[code]
$(function() {
$("#btn-submit").on("click", function(e) {
e.preventDefault();
var opts = $("select.opts").map(function() {
return $(this).attr("name") + "=" + $("option:selected", this).text();
}).get().join("&");
$(location).attr("href", $(this).attr("href") + "&" + opts);
});
});
[/code]
위에 거는 onchange 이벤트가 있어야 배열에 값을 담는 거라서 이게 좀 더 나을 것 같네요.

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

쿠키에 저장하시면될것 같네요.

과거 글이긴 한데 임시저장 개념 정도로 참고하시면 좋을것 같습니다.

http://opencode.co.kr/bbs/board.php?bo_table=gnu4_tips&wr_id=650

로그인 후 평가할 수 있습니다

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

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

로그인
🐛 버그신고