Javascript 在同一页面上动态显示不同地区的多种货币价格

我试图在通用/欧盟/网页上显示单个产品的不同价格。价格是固定的，所以我希望这可以通过一个简单的查询完成，但我对JS/JQuery非常陌生

当前价格显示在div中，带有class

price块

用户可以使用

data locale=“{country code}”

div切换其区域设置

使用这两个ID，我可以创建一个脚本，比如说

data locale=“UK”

那么价格是1000英镑吗

---

我想我需要研究“如果选择此选项，var等于此值”的解决方案-非常感谢任何帮助。

这里有一种方法可以通过分别使用简单的key/val对象来实现它：

$（函数（）{
风险价值价格={
“英国”：“1000英镑”，
“美国”：“1500美元”，
“DE”：“1250欧元”
}
$（“[数据区域设置]”）。单击（函数（）{
var locale=$（this.attr（“数据区域设置”）；
//确保区域设置值有效
如果（价格[地区]）{
$（“.price block”）.text（价格[locale]）；
}否则{
$（“.price block”）.text（“无效区域设置：“+locale”）；
}
})
})

[数据区域设置]{
边框：2倍实心；
光标：指针；
显示：内联块；
填充物：5px；
}
1.价格块{
字体大小：20px；
边缘顶部：10px；
}

英国
美国
判定元件

是的，您可以使用switch/cases键/val对象，例如

{“UK”：“1000英镑”、“US”：“1000美元”}

等。