这是一个普遍的问题,我将首先向您展示我的代码并告诉您我想要做什么
<select>
<option value="doller">doller</option>
<option value="pound">pound</option>
<option value="euro">euro</option>
</select>
<h2>Caribbean holiday</h2>
<p>blah blah blah</p>
<p>price</p>
<p>$200</p>
因此它有一个下拉列表,用户可以选择货币类型,其余的是描述和价格,所以我想要做的是当用户选择货币类型时,我想要更改的是货币并保持其余的相同,例如它显示加勒比度假的价格是200 Doller,但如果用户选择英镑,我只想要价格变化为英镑。什么是实现这一目标的最佳和最有效的方法我必须将其存储在数据库中,我可以使用JavaScript。任何想法都会很棒。
答案 0 :(得分:1)
您可以使用JavaScript执行此操作,但是如果您想在重新加载页面时保存选择,则需要使用Cookie或某种形式的HTML5存储。
您需要存储和/或获取转换率,如下所示:
var Conversions = {
dollar: 1,
pound: 0.64
euro: 0.90
}
然后,您需要将一个监听器应用于该选择以更改价格,并且您需要确保所有价格都包含在具有相同类别的元素中,例如{{1} }。然后你需要编写一些使用这种逻辑的代码(伪代码):
.price