下拉列表中的Jquery禁用选项

Question

伙计们我使用以下代码来禁用使用jQuery(jquery-1.4.2.min)的选项.禁用发生在Firefox中,但不在IE中.

<SELECT NAME="SCOPE" id="SCOPE">  
 <OPTION VALUE="G"> Global
 <OPTION VALUE="D"> Dynamic  
</SELECT>


 $("#SCOPE option[value='G']").attr("disabled","disabled");
 $("#SCOPE option[value='D']").attr("selected", "selected");

Answer 1

我想我可能错了,但可能是因为可以禁用选择而不是选项.因为firefox很棒而IE很糟糕,所以你可以猜到为什么:)你有这个问题.使用css将该选项的文本变灰.

然后在jquery上做这样的事情.

$('#SCOPE').change(function(){
  if($('#SCOPE option[value="'+$(this).val()+'"]').attr('disabled') == 'disabled'){
    alert('Its disabled you cannot select this option');
  }
});

BTW.仔细检查代码,因为我没有测试过这个:)