$('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”时为禁用,这是错的。