当用户选择下拉列表中的项目时,我可以获得一些帮助来执行某些功能吗?
首先,下面的代码显示了一个下拉列表,其中包含可供选择的区域设置。
显示具有不同区域设置的下拉列表的代码:
<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/