首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用jQuery禁用空选择箱

使用jQuery禁用空选择箱
EN

Stack Overflow用户
提问于 2014-08-24 02:06:33
回答 4查看 26关注 0票数 0

如何禁用使用jQuery没有任何选项的所有select输入?我使用一个.each来访问每个框,但是我很难找到如何将this与选择器结合起来来指定该this中的选项。

代码语言:javascript
运行
复制
$('select').each(function(){
    if (this 'option').length == 0) {
        $(this).attr('disabled','disabled');
    }
})
EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2014-08-24 02:09:37

代码语言:javascript
运行
复制
$('select').each(function(){
    if (!this.options.length) this.disabled = true;
});

您也可以这样做:

代码语言:javascript
运行
复制
$('select').prop('disabled', function () {
    return !this.options.length;
});
票数 4
EN

Stack Overflow用户

发布于 2014-08-24 02:14:12

demo

您可以使用这个衬垫:

代码语言:javascript
运行
复制
$('select:not(:has(option))').prop('disabled', true);
票数 3
EN

Stack Overflow用户

发布于 2014-08-24 02:10:20

上下文(this)是第二个参数。

代码语言:javascript
运行
复制
$('select').each(function(){
    if ($('option', this).length == 0) {
        this.disabled = true;
    }
})
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25467937

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档