首页  >  文章  >  web前端  >  jquery如何判断option是否选中

jquery如何判断option是否选中

coldplay.xixi
coldplay.xixi原创
2020-12-07 17:01:136074浏览

jquery判断option是否选中的方法:首先option属于select ,可以通过jquery获得select的值;然后比对select下的每个option ,就能确定是否选中。

jquery如何判断option是否选中

本教程操作环境:windows7系统、jquery3.2.1版本,Dell G3电脑,该方法适用于所有品牌电脑。

推荐:jquery视频教程

jquery判断option是否选中的方法:

option属于select ,可以通过jquery获得select的值;然后比对select下的每个option ,就能确定是不是选中了。

var selectValue = $('select').val();
$('select option').each(function(ele,index){
    if($(ele).attr('value') == selectValue){
        alert('被选中');
    }
});

说明:

1、val() 方法

val() 方法可以返回被选元素的 value 属性;会返回第一个匹配元素的 value 属性的值。

注意:val() 方法通常与 HTML 表单元素一起使用。

2、each() 方法

each() 方法为每个匹配元素规定要运行的函数。

提示:返回 false 可用于及早停止循环。

3、attr() 方法

attr() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值,则返回第一个匹配元素的值。

当该方法用于设置属性值,则为匹配元素设置一个或多个属性/值对。

相关免费学习推荐:javascript(视频)

以上是jquery如何判断option是否选中的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn