옵션 변경에 따른 input value 값 변경 하게 할려면?
본문
옵션이 1kg일때 배송비 10,000원
2kg일때 배송비 20,000원
3kg일때 배송비 30,000원
이렇게 옵션을 선택하면 input <? $shipping ?>값이 자동으로 바뀌게 스크립트를 짜고 싶은데
좀 도와주세요 ㅠ.ㅠ
<td style="font-size:13px">배송비(CBM당)</td>
<td>
<select class="select_style2" id="sPriceType_i" name="sPriceType_i">
<option value="1kg">1kg</option>
<option value="2kg">2kg</option>
<option value="3kg">3kg</option>
</select>
<input class="input_style3" id="input_style3" name="shipping" type="text" value="<? $shipping ?>" style="font-size:16px">
<script>
</script>
답변 3
그건 그대로 하시면 돼요
근데 <? $shipping ?> 이렇게 하면 안나오고 <? echo $shipping?> 이렇게 해야 나옵니다.
그런데 제가 10000원 20000원 이건 어디에다가 적용해놓은 곳이없는데요?
그럼 $shipping 값을 어디에 어떻게 적용해야하나요?
죄송합니다..^^;;;
<script>
$(document).ready(function(){
$('#sPriceType_i').change(function(){
$('#input_style3).val($(this).val());
});
});
</script>
감사합니다. 그런데
value 값 <? shipping ?> 이건 어디에다가 해놔야되나요? 그럼 차라리 input도
value <? $shipping ?>이거 없애고
<input class="input_style3" id="input_style3" name="shipping" type="text" value="<? $shipping ?>" style="font-size:16px">
<option value="10000">10000</option>
<option value="20000">20000</option>
<option value="30000">30000</option>
이렇게 해야하나요?
아~ 제가 잘못봤네요.
<option> 에는 kg 이란 글자는 빼고요 숫자만 넣으세요
<option value="1">1kg</option>
<option value="2">2kg</option>
<option value="3">3kg</option>
이렇게 하시고...
아래 스크립트로 바꾸세요
<script>
$(document).ready(function(){
$('#sPriceType_i').change(function(){
var price = parseInt($(value).val()) * 10000; //1000은 단가
$('#input_style3).val( price );
});
});
</script>