在HTML中的貨幣價格轉換

-1

我有html表格與價格。我想要選擇標籤，使用哪個貨幣可以選擇顯示價格的貨幣。在HTML中的貨幣價格轉換

選擇貨幣

<select> 
    <option value="1.">usd</option> 
    <option value="1.3">euro</option> 
</select> 

<table> 
    <tr><td>Item</td><td>Price</td></tr> 
    <tr><td>Watches</td><td>100</td></tr> 
    <tr><td>Bike</td><td>200</td></tr> 
</table>

我基本上要一個代碼，其中，選擇歐元時，將乘以1.3所有的美元價格，並在表替換它。

我有種感覺，它應該使用Java腳本來完成，但不知道如何。如果有人能夠提供幫助，會非常感激。

來源

2014-08-30 John Smith

你至少應該嘗試一些如果在實施時遇到更具體的問題，請回來。因爲這個問題不適合堆棧溢出格式。 – Andre 2014-08-30 14:33:30

你絕對可以使用一些JavaScript來啓用這樣的選項 – Cyzanfar 2014-08-30 14:39:21

你應該學會講一些js和DOM。

首先對您的選擇

<select onchange="switch_currency(this.value);">

二加onchange事件上的表添加一個id

<table id="table_price">

然後用js如下

<script> 
    var switch_currency = function(currency) { 
    var table = document.getElementById("table_price"); 

    for (var i = 1; i < table.children[0].children.length; i++) { 
     var td = table.children[0].children[i].children[1]; 
     td.innerHTML *= currency; 
    } 
    } 
</script>

來源

2014-08-30 14:48:14 worldask

啊..非常好的解決方案。我有點理解它是如何工作的，但不確定你在td.innerText * = currency中定義貨幣變量的位置。據我所知，調用switch_currency（）應該有一個參數，在其中傳遞乘數值1或1.3。有一種感覺，它應該是像switch_currency（this.value） - 不知道正確的語法。我對嗎？ – 2014-08-30 15:38:03

另一點 - 我認爲我應該添加「值」屬性到表中的每個，如 100等等，並在乘法之前對其進行修改。否則每次點擊後價格將乘以係數。它是否正確？ – 2014-08-30 15:43:05

對不起，我錯過了參數，我編輯了我的答案。 – worldask 2014-08-30 15:52:22

好吧，讓我們假設您有一個輸入字段ID爲usdollar，您希望輸入的金額在提交時乘以1.3。然後你可以使用JavaScript來做到這一點。

事情是這樣的：

<script type="text/javascript"> 
function multiply(){ 
    var field = document.getElementById('usdollar'); 
    field.value = parseInt(field.value) * 1.3; 
} 
</script> 
<form onSubmit="multiply();">

來源

2014-08-30 14:44:40 Cyzanfar

在HTML中的貨幣價格轉換

回答

相關問題