질문드립니다
본문
현재 빨간표시부분을 1개월 2개월 3개월 식으로 추가했구요. 현재는 2개월,3개월 선택시 금액이 자동으로 변경안되구요. 따로 금액선택해줘야 하는데요. 2개월 선택시 자동으로 금액이 200,000원 으로 변경 되는 방식으로 어떻게 가능한가요?
초보라서 설정방법 잘모르겟네요ㅜㅜ 간단한 방법이나 복사 할수 있는곳 없나요?
답변 3
jquery가 실행될 수 있는 환경이라는 가정하에
아래 소스를 참조해 보시죠. 그 값을 서버로 전송하는 경우라면
name값을 그에 맞게 수정해 사용하셔야겠죠.
<label for="sel">입장권구입</label>
<select name="sel" id="sel">
<option value="0">선택하세요</option>
<option value="1">1개월입장권</option>
<option value="2">2개월입장권</option>
<option value="3">3개월입장권</option>
</select>
<label for="won">충전금액</label>
<input type="text" name="wontxt" id="wontxt">원
<script>
$(function(){
$("#sel").on("change", function() {
var money = number_format($("#sel").val() * 100000);
$("#wontxt").val(money);
});
});
</script>
function number_format(num) {
num = parseInt(num);
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
입장권 구입의 select id가 sel1, 충전 금액의 select id가 sel2라고 했을때의 코드입니다.
$(function() {
$("#sel1").on("change", function() {
var val = $(this).val();
var money;
if(val == "1개월입장권")
money = 100000;
else if(val =="2개월입장권")
money = 200000;
else
money = 300000;
$("#sel2").val(money);
});
});
혹시 1개월 100,000 2개월 500,000 3개월 1,000,000 원하는 숫자 설정가능한가요?