Question

我有价格的html表。我希望有select-tag，使用哪个可以选择显示价格的货币。

选择货币

<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脚本完成，但不知道如何。如果有人可以提供帮助，本来真的很感激。

Answer 1

你应该学习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>

Answer 2

好吧，假设您有一个标识为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();">

html中的货币价格转换

2 个答案: