起因:
最初通过jQuery获取option标签之后并注册点击事件,但是代码运行之后点击option选项页面并没有反应;解决方案:
在使用jQuery给下拉列表框(select)注册点击事件时,由于option本身没有点击事件,此时如果给option注册点击事件之后,在页面中对option选项点来点去是没有任何反应的,而如果给select注册点击事件后,当打开下拉列表框时就已经触发了点击事件,所以这种方式也是行不通的;
现在我们就需要用到select里的onchange方法来实现对option选项的触发 ;
详情代码如下:
<select id=\"sumyear\" ><option value=\"0\" >请选择年份</option><option value=\"1\" >2018</option><option value=\"2\" >2019</option><option value=\"3\" >2020</option></select><script>function a(){alert(\"2018\")}function b(){alert(\"2019\")}function c(){alert(\"2020\")}$(\"#sumyear\").change(function(){ //获取select标签,并注册change事件var oV=$(this).find(\'option:selected\').val();//获取选中的option的value值 if(oV==0){alert(\"这个是默认选项\") }else if(oV==1){ //表示选中2018那个option选项a() }else if(oV==2){b() }else if(oV==3){c()}})</script>