首页
登录 | 注册

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

这里介绍两种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>

​

​

JS

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

 



2020 jeepxie.net webmaster#jeepxie.net
10 q. 0.008 s.
京ICP备10005923号