2016-11-30 27 views
1

每個人。我正在使用jQuery處理貨幣匯率計算器。2選擇具有相同數據的列表,如何刪除選擇列表2中的相同數據,反之亦然?

我有兩個選擇列表(在貨幣名稱和美元貨幣價格)和2個輸入(from_amount和to_amount),這裏是爲更好地瞭解我的情況的畫面:

enter image description here

第一個問題:你可以看到兩個選擇列表中有兩個相同的值。我怎樣才能避免這種行爲?如果在交易所選擇比特幣,那麼在交易所應該是另一種貨幣,比方說狗幣,反之亦然,因爲我們不能兌換相同的貨幣。

問題二: 交易所來源:

<select id="from-amount" name="currencies" class="form-control"> 
    <option value="750.00000000">Bitcoin</option> 
    <option value="0.00024000">Dogecoin</option> 
</select> 

值在美元的價格,1比特幣的費用$ 750(約)。當用戶填寫任何號碼您給它應該自動轉換爲您收到,反之亦然。

在我的情況下,該公式將工作:(750 * amountYouGive)/ currencyPriceInUSD以一種方式,但如果用戶將填充您會收到輸入?請任何建議。

回答

1

這是你在找什麼?數值根據發送和接收量和貨幣來回轉換。

計算從貨幣2發送量去貨幣1量接收是:

X =(接收* currencyReceived)/ currencySent

$('#yousend').keyup(function(){ 
 
    var result = parseFloat($('#from-amount').val()) * parseFloat($(this).val())/parseFloat($('#to-amount').val()) 
 
    $('#youreceive').val(result); 
 
}); 
 

 
$('#youreceive').keyup(function(){ 
 
    var result = parseFloat($(this).val()) * parseFloat($('#to-amount').val())/ parseFloat($('#from-amount').val()) 
 
    $('#yousend').val(parseFloat(result)); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="from-amount" name="currencies" class="form-control"> 
 
    <option value="750.00000000">Bitcoin</option> 
 
    <option value="0.00024000">Dogecoin</option> 
 
</select> 
 
<input type='text' id='yousend' placeholder="send"> 
 
<select id="to-amount" name="currenciesto" class="form-control"> 
 
    <option value="750.00000000">Bitcoin</option> 
 
    <option value="0.00024000">Dogecoin</option> 
 
</select> 
 
<input type='text' id='youreceive' placeholder="receive">

+0

您的片段沒有按我解決不了這兩個問題。在你的例子中,我可以看到兩個選擇中的比特幣。此外,如果我把「1」放在**你給**它不會轉換(750 * 1)/ 0.00024。您的示例在**中輸入「1」您會收到** –

+0

如何避免在第二個選擇列表中選擇「比特幣」? –

相關問題