要使getSelectedCurrency仅在select元素中填充了选项时才运行,可以使用以下方法:
<select id="currency-select">
<option value="USD">美元</option>
<option value="EUR">欧元</option>
<option value="JPY">日元</option>
</select>
function getSelectedCurrency() {
// 获取select元素
var selectElement = document.getElementById("currency-select");
// 检查select元素是否有选中的选项
if (selectElement.selectedIndex !== -1) {
// 获取选中的选项的值
var selectedValue = selectElement.options[selectElement.selectedIndex].value;
// 执行其他操作,例如根据选中的货币进行相关计算或显示
console.log("选中的货币是:" + selectedValue);
}
}
// 将getSelectedCurrency函数绑定到select元素的change事件上
document.getElementById("currency-select").addEventListener("change", getSelectedCurrency);
在上述代码中,getSelectedCurrency函数首先获取select元素,并检查其selectedIndex属性是否为-1。如果selectedIndex不为-1,表示有选中的选项。然后,通过selectElement.options[selectElement.selectedIndex]获取选中的选项,并获取其值。最后,可以根据选中的货币值执行其他操作。
请注意,上述代码仅为示例,你可以根据实际需求进行修改和扩展。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云