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

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

QA

옵션 변경에 따른 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?>  이렇게 해야 나옵니다.

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

답변을 작성하시기 전에 로그인 해주세요.
전체 1

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT