DOM-获取下拉列表选中项的value

复制代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>获取下拉列表选中项的value</title>
    </head>
    <body>
        <script type="text/javascript">
            window.onload=function(){
                var provinceListElt = document.getElementById("provinceList");
                provinceListElt.onchange=function(){
                    //获取选中项value
                    alert(provinceListElt.value );
                }
            }
        </script>
        <select id="provinceList" >
            <option value="">--请选择省份--</option>
            <option value="001">河北省</option>
            <option value="002">河南省</option>
            <option value="003">山东省</option>
            <option value="004">山西省</option>
        </select>
        
    </body>
</html>

复制代码

posted @ 2022-06-13 14:02 280887072 阅读(16) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步

相关博文：

· DOM-获取文本框内容-将第一个文本框内容复制到第二个文本框

· DOM-内置支持类Array

· 使用jQuery获取下拉菜单项的选定值

· 获取select的选中的值

· element el-select 下拉选中对象

阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix