如何乘以一個下拉表單字段與文本字段使用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 ...應該包裝在一個函數年前.. thx –

只是沒有在你的領域價值$。這只是您的金額的顯示修飾，不應與您使用的值或發佈到Web服務器的值一起使用。

來源

2012-11-30 02:04:36

廢話哦，對不起，忘了補充：我不能改變的形式，只有JS –

您應該添加到原來的問題。 –

如何乘以一個下拉表單字段與文本字段使用jQuery

回答

相關問題