使用jQuery禁用空选择框

时间:2014-08-24 02:06:34

标签: javascript jquery

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

this

4 个答案:

答案 0 :(得分:4)

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

您还可以执行以下操作:

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

答案 1 :(得分:3)

demo

你可以使用这个衬垫:

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

答案 2 :(得分:1)

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

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

答案 3 :(得分:0)

以下是代码:

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

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