Question

如何禁用所有使用jQuery没有任何选项的选择输入？我使用.each访问每个方框，但我无法弄清楚如何将this与选择器结合使用以指定中的选项 {{ 1}}。

this

Answer 1

$('select').each(function(){
    if (!this.options.length) this.disabled = true;
});

您还可以执行以下操作：

$('select').prop('disabled', function () {
    return !this.options.length;
});

Answer 2

demo

你可以使用这个衬垫：

$('select:not(:has(option))').prop('disabled', true);

Answer 3

上下文（this）是第二个参数。

$('select').each(function(){
    if ($('option', this).length == 0) {
        this.disabled = true;
    }
})

Answer 4

以下是代码：

$('select').each(function(){
    var noOfOptions = $(this).children('option').size();

    if(noOfOptions == 0){
        $(this).attr('disabled', 'true');
    }
})

使用jQuery禁用空选择框

4 个答案: