javascript - 使用用户从Javascript下拉列表中选择的值执行功能

当用户在下拉列表中选择一个项目时，我可以获得一些帮助以执行某些功能吗？

首先，下面的代码显示了一个下拉菜单，其中包含可以选择的区域设置。

显示具有不同语言环境的下拉列表的代码：

<p>Please select a locale.</p>
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Locales</button>
<div id="locale" class="dropdown-content">
    <a href="#enUS">en-US</a>
    <a href="#jaJP">ja-JP</a>
    <a href="#deDE">de-DE</a>
</div>
<script>
    function myFunction() {
        document.getElementById("locale").classList.toggle("show");
    }


</script>

现在，如果用户从下拉菜单中选择“ en-US”，则需要执行如下功能，该功能根据所选的语言环境显示不同的数据。如果用户选择ja-JP，它将基于“ ja-JP”语言环境执行相同的操作。

Intl.DateTimeFormat('en-US').format(new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
Intl.NumberFormat('en-US').format(1234.56));

谢谢！

最佳答案

也许最直接的是：

<a href="#enUS" onclick="setFormat('en-US')">en-US</a>

<script>
setFormat(locale) {
  Intl.DateTimeFormat(format).format(new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
  Intl.NumberFormat(format).format(1234.56));
}
</script>

关于javascript - 使用用户从Javascript下拉列表中选择的值执行功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34716832/