Select下拉框onchange事件获取option的value值

最新推荐文章于 2021-09-17 10:20:52 发布

转载最新推荐文章于 2021-09-17 10:20:52 发布 · 10w+ 阅读

文章标签：

#javascript #select

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了HTML中Select元素的onChange事件使用方法，通过一个简单的示例展示了如何在选项改变时获取当前选中的值，并触发JavaScript函数进行处理。这对于前端开发者来说是一个非常实用的技术点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)">  
    <option value="0">请选择主类别</option>  
    <option value="1">1</option>  
    <option value="2">2</option>  
 </select>

show_sub的JS方法：

<script>   
    function show_sub(v){   
        alert(v);   
    }   
</script>

最重要的知识点是获在select onchange时获取option的value值：

this.options[this.options.selectedIndex].value

转自：http://blog.micxp.com/index.php/archives/54/