select下拉框添加onchange事件获取option的value值的方法

最新推荐文章于 2024-04-04 12:27:20 发布

lcw2007101

最新推荐文章于 2024-04-04 12:27:20 发布

阅读量2.2w

点赞数 5

分类专栏： HTML知识文章标签： select下拉框添加onchange事件获取option的

本文链接：https://blog.csdn.net/lcw2007101/article/details/88414178

版权

HTML知识专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这里介绍两种select下拉框添加onchange事件获取option的value值的方法：

方法一：

HTML

   <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>select onchange 传值</title>
    </head>
    <body>
        <select  onchange="getSelectValue(this.value)">
            <option value="北京">北京</option>
            <option value="上海">上海</option>
            <option value="广州">广州</option>
            <option value="深圳">深圳</option>
        </select>
    </body>
    </html>

方法二：

HTML


    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>select onchange 传值</title>
    </head>
    <body>
        <select  onchange="getSelectValue(this.options[this.options.selectedIndex].value)">
            <option value="北京">北京</option>
            <option value="上海">上海</option>
            <option value="广州">广州</option>
            <option value="深圳">深圳</option>
        </select>
    </body>
    </html>

function getSelectValue(val){
    alert(val);     
}

lcw2007101

关注

5
点赞
踩
24

收藏

觉得还不错? 一键收藏
4
评论
select下拉框添加onchange事件获取option的value值的方法

这里介绍两种select下拉框添加onchange事件获取option的value值的方法：方法一：HTML &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;select onchange 传值&lt;/title&gt;
复制链接

扫一扫