select选项触发事件

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了select选项触发事件相关的知识，希望对你有一定的参考价值。

利用select标签中的onchange属性来获取

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 2 <HTML>
 3  <HEAD>
 4   <TITLE> New Document </TITLE>
 5 <select id="pid" onchange="gradeChange()">
 6 
 7     <option grade="1" value="a">选项a</a>
 8 
 9     <option grade="2" value="b">选项b</a>
10 
11 </select>
12 
13 <script type="text/javascript">
14        function gradeChange(){
15         var objS = document.getElementById("pid");
16         var grade = objS.options[objS.selectedIndex].value;
17         alert(grade);
18        }
19 </script>
20 </HTML>

 

以上是关于select选项触发事件的主要内容，如果未能解决你的问题，请参考以下文章

select选项触发事件

select下拉框选择触发事件

jquery 怎么触发select的change事件

JQuery中select change事件该怎么触发?我想通过Ajax把所选择选项的值发送到后台处理一些逻辑。。。

<select>控件中，选中第一个值是不会触发onchange事件的，如何使选中第一值可以触发事件呢？

<select> 上的 jQuery 更改事件未在 IE 中触发