在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中的货币价格转换

回答

相关问题