jquery를 사용하여 양식 필드에 텍스트 필드를 곱하는 방법

$ 50, $ 100 등 달러가 다른 드롭 다운이있는 양식이 있습니다. 문제는 jQuery가 $ 50을 50으로 인식하지 못하므로, $ 50 앞에 달러 기호를 걸러 내기 위해 정규식이나 다른 방법을 사용하는 방법을 알아낼 수 없기 때문에 두 값 (입력 필드 값 *)을 곱할 수 있습니다.jquery를 사용하여 양식 필드에 텍스트 필드를 곱하는 방법

두 값을 곱한 후에 총계 ID가있는 범위에 합계를 추가하려고합니다.

편집 : HTML을 편집 할 수 없습니다.

HTML :

<span class="Amount"> 
    <select name="Amount" class="wpcf7-form-control wpcf7-select"> 
     <option value="$50">$50</option> 
     <option value="$75">$75</option> 
     <option value="$100">$100</option> 
     <option value="$150">$150</option> 
     <option value="$300">$300</option> 
    </select> 
</spa> 

<span class="Qty"> 
    <input type="text" name="Qty" size="2" maxlength="2"> 
</span> 

<span id="total">total: </span>

JS :

$('.Qty input').keyup(function() { 
    var quantity = parseFloat($(this).val()); 

    //this returns NaN 
    var dollars = $('span.Amount select').val(); 

    $('#total').text((quantity * dollars)); 
});

출처

2012-11-30 Kegan Quimby

당신은 단지 '$'

$('.Qty input').keyup(multiply); 
$('span.Amount select').change(multiply); 
function multiply() { 
    var quantity = parseFloat($('.Qty input').val()); 

    var dollars = $('span.Amount select').val().substr(1); 

    $('#total').text('$'+(quantity * dollars)); 
}

를 제거해야

http://jsfiddle.net/mowglisanu/Y5YnF/1/

출처

2012-11-30 02:47:46 Musa

드롭 다운이 변경 될 때 어떻게 곱해야합니까? –

@KeganQuimby 업데이트 – Musa

감사합니다. JS noobie ... shoulda는 몇 년 전 함수에서 래핑되었습니다. thx –