在IE浏览器中,给select的options设置 disable属性 是没用的。
必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。
this.selectedIndex 就派上用场了。
需要刷新下才可以看到效果,因为输出的都是文本,不存在js加载的情况。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 使用jQuery解决IE不支持的option disable属性 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script>
$(document).ready(function(){
$(".myselect option:disabled").css('color', '#CCC');
$('.myselect').change(function(){
if(this[this.selectedIndex].disabled){
this.selectedIndex = this.s||0;
}else{
this.s = this.selectedIndex||0;
}
})
})
</script>
</head>
<body>
<h1>使用jQuery解决IE不支持的option disable属性</h1>
普通:
<select>
<option>第1项</option>
<option disabled="disabled">第2项</option>
<option>第3项</option>
<option disabled="disabled">第4项</option>
<option >第5项</option>
<option >第6项</option>
</select>
对比1:
<select class="myselect">
<option>第1项</option>
<option disabled="disabled">第2项</option>
<option>第3项</option>
<option disabled="disabled">第4项</option>
<option >第5项</option>
<option >第6项</option>
</select>
对比2:
<select class="myselect">
<option>第1项</option>
<option disabled="disabled">第2项</option>
<option>第3项</option>
<option disabled="disabled">第4项</option>
<option >第5项</option>
<option >第6项</option>
</select>
<p style="margin-top:200px;font-size:12px;">Dev By CssRain,当然你有兴趣,也可以封装成插件。记得发我一份哦。</p>
</body>
</html>
分享到:
相关推荐
在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#...
一般我们在实现一些表单提交页面时会放置若干隐藏属性 比如在修改某条记录时,在编辑窗口会嵌入该记录的id 在展示界面有时需要将input或select选框设为disable以避免用户修改 下列代码中的hidden在IE中不能正常作用 ...
重新编译的支持adb disable-verity命令的adb,通常用于解锁system分区
id:”,//假设id为dr1,则可以用方法dr1.disable(),dr1.enable(),dr1.init(data,selected)/可用作联动/,dr1.text,dr1.value;$(‘#dr1′).val();dr1.onchange=callback width:100,//显示宽 listboxwidth:0,//下拉框...
本文将为大家介绍交换机出现err-disable的原因及解决方法。
最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的EXE格式,另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接...
Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性
在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态,但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。
具体可看本人的文章 ”/system/bin/sh: disable-verity: not found 的解决方案“ 【使用方式】 此文件直接放到platform-tools文件夹中替换原有的adb.exe即可生效。platform-tools路径默认在:C:\Users\你的电脑...
属性页源代码_disable_tab
本文介绍了导致交换机接口出现err-disable的几个常见原因及其解决方法。
jquery.disable-autocomplete 该jQuery插件在密码(和其他)字段上强制使用autocomplete = off HTML属性。 最近的浏览器选择忽略此属性,以支持用户首选项。 但是,某些金融机构(和其他机构)可能有充分的理由执行...
支持adb disable-verity的最新adb工具包。
jQuery blockUI plugin Version 2.39 (23-MAY-2011) Demos: $(document).ready(function() { $('#demo1').click(function() { $.blockUI({ message: $('#loginForm') }); setTimeout($.unblockUI, 2000); ...
单击使用jQuery的号召性用语后,禁用/启用元素 disableClicks的目的是修复在某些浏览器(例如Google Chrome)中或在互联网连接速度较慢时保存表单时的不当行为。 在这种情况下,当最终用户多次按下提交按钮(或其他...
navpanel:新增“href”属性用以从远程服务器加载显示内容; combotree:“setValue”和“setValues”方法增加“id”和“text”形参; combobox:新增“showItemIcon”属性; combobox:在“groupPosition”属性...