在HTML中的货币价格转换
我有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脚本来完成,但不知道如何。如果有人能够提供帮助,会非常感激。
你应该学会讲一些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>
啊..非常好的解决方案。我有点理解它是如何工作的,但不确定你在td.innerText * = currency中定义货币变量的位置。据我所知,调用switch_currency()应该有一个参数,在其中传递乘数值1或1.3。有一种感觉,它应该是像switch_currency(this.value) - 不知道正确的语法。我对吗? – 2014-08-30 15:38:03
另一点 - 我认为我应该添加“值”属性到表中的每个,如
对不起,我错过了参数,我编辑了我的答案。 – 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();">
你至少应该尝试一些如果在实施时遇到更具体的问题,请回来。因为这个问题不适合堆栈溢出格式。 – Andre 2014-08-30 14:33:30
你绝对可以使用一些JavaScript来启用这样的选项 – Cyzanfar 2014-08-30 14:39:21