채택완료

옵션 변경에 따른 input value 값 변경 하게 할려면?

옵션이 1kg일때 배송비 10,000원

         2kg일때 배송비 20,000원

         3kg일때 배송비 30,000원

이렇게 옵션을 선택하면 input <? $shipping ?>값이 자동으로 바뀌게 스크립트를 짜고 싶은데

좀 도와주세요 ㅠ.ㅠ

Copy
<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개 / 댓글 2개

채택된 답변
+20 포인트
2018-08-25 (토) 12:07:01

그건 그대로 하시면 돼요

근데 <? $shipping ?>  이렇게 하면 안나오고 <? echo $shipping?>  이렇게 해야 나옵니다.

답변에 대한 댓글 1개

그런데 제가 10000원 20000원 이건 어디에다가 적용해놓은 곳이없는데요?
그럼 $shipping 값을 어디에 어떻게 적용해야하나요?
죄송합니다..^^;;;
2018-08-25 (토) 12:33:39

아~ 제가 잘못봤네요.

<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>

2018-08-25 (토) 11:54:43

<script>

$(document).ready(function(){

    $('#sPriceType_i').change(function(){

        $('#input_style3).val($(this).val());

    });

});

</script>

답변에 대한 댓글 1개

감사합니다. 그런데
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>
이렇게 해야하나요?

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