如何用JavaScript的onchange事件弹窗提示select选中的option文本

你不需要写 if/else if/else 条件分支硬编码映射选项值和文本，直接通过下拉框元素的内置属性就能拿到选中项的显示文本，步骤如下：

• 首先获取<select>DOM元素
• 通过元素的selectedIndex属性拿到当前选中项的索引，结合options集合（包含所有option子元素）定位到当前选中的option节点
• 读取选中option节点的text属性，就是选项对外展示的文本内容，直接拼接进弹窗语句即可

修改后的完整函数代码：

function izborLik() {
    const selectDom = document.getElementById('izbor');
    // 定位当前选中的option元素
    const selectedOpt = selectDom.options[selectDom.selectedIndex];
    // 读取选项显示文本
    const shapeName = selectedOpt.text;
    // 直接弹窗，无需条件判断
    window.alert(`Odabrani geometrijski lik je ${shapeName}`);
    
    // 若要实现你提到的英文提示效果，替换为下面的语句即可
    // window.alert(`You have selected ${shapeName}`);
}

这种写法的优势是后续你给下拉框新增、删除选项时，不需要同步修改JS里的判断逻辑，代码可维护性更强。如果不需要兼容特别老旧的浏览器，也可以用更简短的写法直接拿到选中项：

const selectedOpt = document.getElementById('izbor').selectedOptions[0];

内容的提问来源于stack exchange，提问作者Dominik Antonio Sajko