在做一个省份城市联动的select控件的时候,在IE6下测试出现“对象不具有selected属性”这样的错误,在代码中间加alert等delay操作这个错误就不再出现了,上网查了下说是IE6的select控件的BUG,
具体请参考:http://bugs.jquery.com/ticket/2252。
网上通常的解决方法请参考下面的链接
http://www.cnblogs.com/napoleon_liu/archive/2011/03/14/1983773.html
我的解决方法是将之前追加子option的方法从select.html(optionStr)
改变为selectC.add(new Option(text,value),$.browser.msie ? 0 : selectC.options[0]);
下面是一段简单的代码,大家可以测试一下,使用.html这种方法在IE6上会出错,改成add方法就正常。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>$.browser Example</title>
<link rel="stylesheet" type="text/css" href="../common.css">
<script type="text/javascript"
src="jquery-1.6.2.js"></script>
<script type="text/javascript">
$(function(){
$('#province').change(function(event){
var select = $('#province')[0];
var selectC = $('#city')[0];
//var optionS = "<option value='2.5'>Two and \u00BD</option>";
//$(selectC).html(optionS);
selectC.add(
new Option('Two and \u00BD','2.5'),
$.browser.msie ? 0 : selectC.options[0]
);
$(selectC).val("2.5")
});
});
</script>
</head>
<body class="plain">
<select id="province">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
</select>
<select id="city">
</select>
</body>
</html>
分享到:
相关推荐
目前发现的最好用的select控件,支持多选,搜索,多选关闭删除,文档全面,使用方便,界面美观。
提供原代码,可以根据自己的项目要求修改,只在IE6、IE7、IE8、IE9中测试。有问题联系邮箱:zliuyao2010@163.com 初始化构造 < input id="text1" type="text" echange="echange" class="e_select" style="width: ...
1.jquery.inputer为替代select控件开发! 2.本控件经过测试,兼容IE,火狐! 3.本控件可以自由扩展! 4.本控件为原创,代码有些凌乱,但功能齐全! ---本控件代码为本人编写,完全处于分享拿出来的,有什么地方写的...
jquery 动态添加控件
完美解决各个浏览器下select显示不同样样式,本资源采用主要JQuery类库。全面支持各种web开发语言。其中包含调用案例
Jquery获取Select标签的值
下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
基于Jquery模拟Select,解决IE显示问题
简单实用的jquery select2组件
jquery 时间控件 时间格式是2012-5-12 17:52:52这样的有用的可以下载不是当前时间为2012-5-22 00:00:00这样的 下载看自己要什么的。在做修改 ,在cal.js最后
jquery控件jquery控件jquery控件jquery控件jquery控件jquery控件
今天小编就为大家分享一篇jquery 动态遍历select 赋值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
jQuery UI dialog IE6下处理select框被遮挡jquery.bgiframe.js
jquery时间控件时分秒,相当不错,很推荐
jquery获得select option值
jquery-ui jquery控件 jquery时间控件 js时间控件
Jquery双向select控件Bootstrap Dual Listbox,可动态获取数据!
简洁漂亮的jquery日期选择控件代码
jquery的日历控件控件代码 并可以同时兼容IE和火狐浏览器 jquery的日历控件控件代码,代码简洁清晰易懂,并且可以同时兼容IE和火狐浏览器,界面效果清晰,美观
select选择框控件-jquery.editable-select,并且可以编辑,可以输入