html中的货币价格转换
Currency price conversion in 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的知识。
首先在您选择的上添加onchange事件
<select onchange="switch_currency(this.value);">
第二步在你的表上添加一个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>
好的,假设您有一个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();">
相关文章:
- 带Js的货币转换器
- 使用JAVASCRIPT转换货币.可以't通过我的函数设置转换后的输入文本字段的值
- Java脚本插件,用于将数字转换为特定于区域性的货币格式,并将具有特定货币格式的非格式化数字转换为普通数字
- 货币转换器未转换
- 带有JSONp的货币转换器
- 如何在货币文本框中将*转换为000
- JS或C#中的货币转换器
- 设置money.js(用于货币转换器)时出现问题
- 如何在JS中转换为货币格式
- HTML/Javascript 货币转换器
- JavaScript将货币转换为数千
- 修剪使用货币转换器 Web 服务生成的结果的值
- 如何获得双向单位/货币转换器
- Jquery UI 范围滑块 - 将数字转换为货币
- 将数字格式转换为货币格式
- Javascript:货币转换器
- 货币转换器!(If语句)
- 如何将数字转换为货币,反之亦然?(html输入/输出)
- 如何从数组转换货币字符串
- javascript:从数组转换货币的干净方法