AI智能
改变未来

jQuery中给下拉列表框select中的option选项注册点击事件——详解(附源码)


起因:
最初通过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>
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » jQuery中给下拉列表框select中的option选项注册点击事件——详解(附源码)