jqueryselect禁用变灰色

html-css014

jqueryselect禁用变灰色,第1张

您好,要实现jqueryselect禁用变灰色,可以使用以下代码:

$('select').attr('disabled', true).css('background-color', '#ccc')

这样就可以将select元素禁用,并且变成灰色。另外,也可以使用以下代码:

$('select').attr('disabled', true).addClass('disabled')

这样就可以将select元素禁用,并且添加一个disabled类,这样就可以通过CSS来设置禁用状态的样式。

不知道你要哪种效果,所以我把2种不能选择的效果都给你写在下面好了:

1、下拉按钮控件变灰不可点,根本不能显示下拉列表中的选项

2、下拉按钮可以点,但是显示选项为灰色,点击无“选中”效果

例子代码如下:注意看代码的注释

(下面代码如果你想看显示效果,记得修改jquery.js的位置)

$(document).ready(function(){

$(".field").change(function(){

$(this).css("background-color","#FFFFCC")

})

//$("#aaa").attr("disabled",true) //这行十对应第一种情况

})

在某个域被使用或改变时,它会改变颜色。

Enter your name:

Car:

//下面这4行是对应第二种情况,靠disabled="true"来控制

Volvo

Saab

Fiat

Audi

只要元素里面设置了disabled=“xxx”不管里面为什么都为禁用。

所以原生设置:启用--dom.setAttribute("disabled","disabled") 禁用--dom.removeAttribute(“disabled”)

jquery设置:$("#id").attr("disabled","disabled")

$("#id").removeAttr("disabled")

很多人都认为设置disabled="true"是为启用,设置为“false”时为禁用,这是错的。