select onchange方法传值

最新推荐文章于 2024-11-28 15:37:28 发布

原创最新推荐文章于 2024-11-28 15:37:28 发布 · 1.2w 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了一个简单的 HTML 与 JavaScript 结合的例子，通过 select 控件的 onchange 事件实现选项改变时向 JavaScript 函数传递值的功能。示例中定义了一个 choose 函数，用于接收并打印选中的值。

select onchange方法传值

2017/11/19 18:47:08

效果

代码




    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>select onchange 传值</title>


        <script type="text/javascript">

            function choose(val) {
                console.log(val)
            }

        </script>

    </head>
    <body>
    <select  onchange="choose(this.value)">
        <option value="北京">北京</option>
        <option value="山西">山西</option>
    </select>
    </body>
    </html>