javascript – 下拉列表中的Jquery禁用选项

前端之家收集整理的这篇文章主要介绍了javascript – 下拉列表中的Jquery禁用选项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经使用以下代码来禁用使用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");

解决方法

我想我可能错了,但可能是因为可以禁用选择而不是选项.因为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.仔细检查代码,因为我没有测试过这个:)

原文链接:https://www.f2er.com/jquery/158392.html

猜你在找的jQuery相关文章