select标签在标签的函数中传当前的value值和text值

天不遮眼

于 2018-01-23 21:05:29 发布

阅读量2.9k

点赞数

分类专栏： html

html 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了HTML中Select元素的onChange事件用法，通过实例展示了如何获取被选中的选项值及其显示文本，并传递给JavaScript函数进行进一步处理。

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

<select id="hello" onchange="getContent(this.value,this.options[this.selectedIndex].text)">
    <option value=1>a</option>
    <option value=2>b</option>
    <option value=3>c</option>
    <option value=4>d</option>
</select>

以上是select的onchange方法，传了两个参数，分别是选中的option的Value（this.value）和选中的option的内同（this.options[this.selectedIndex].text）。这样就可以在onchange方法中直接使用值和内容了。

 function getContent(value,text){
    conosle.info("选中的值是"+value+"选中的内容是"+text);
}