JQuery与IE6的兼容问题之<Select>

原文地址:http://hi.baidu.com/fengbaobao/item/403cf90be03ba131a2332ac2

在IE7,FF下页面经常会用如下语句对一个Select列表选择其中的值,但是该JQuery语句IE6不支持,

$("#CarTrimSeries").get(0).value = ‘<%=seriesId %>‘;

$("#CarTrimSeries").attr("value",‘<%=seriesId %>‘);

$("#CarTrimSeries").val(‘<%=seriesId %>‘);

所以只能使用最原始的方法,使用循环来查询了,下面提供两种方法:

1、

<script language="javascript" type="text/javascript">

$("#selAlbum").each(function(){

for(var i = 0; i < this.options.length; i++){

if(this.options[i].value == ‘<%=AlbumID %>‘){

this.options[i].selected = "selected";

break;

}

}

});

</script>

2、

var count=$("#CarTrimSearchSeries")[0].length;
for(var i=0;i<count;i++)

{
                        
   if($("#CarTrimSeries").get(0).options[i].value == "<%=seriesId %>")
   {
       $("#CarTrimSeries").get(0).options[i].selected = true;
       break;
   }
}

如果页面提示,在增加select options时,立即选择其中的项目,可能会导致错误:无法设置selected 未指明的错误,则要用如下方法

setTimeout(function() { 
$("#selCourse option").attr("selected",true);
}, 1);

附:

1、 设置select 选中的索引:

$("#ddlName").get(0).selectedIndex=index;//index为索引值

JQuery与IE6的兼容问题之<Select>

时间: 2024-10-21 22:50:12

JQuery与IE6的兼容问题之<Select>的相关文章

IE6部分兼容问题

border-style:dotted 点线 IE6不兼容 (除了solid以外,其它都有兼容问题,不完全一样) a IE6 不支持a以外的所有标签伪类,IE6以上版本支持所有标签的hover伪类. inline-block IE6 7不支持块元素标签的inline-block 空标签清浮动 IE6 最小高度 19px:就是font-size=0后,IE6下还有2px偏差.通过设置overflow:hidden来隐藏设置高度以外的高度. after伪类 IE 6 7不支持after伪类清除浮动,

【jquery】基于 jquery 实现 ie 浏览器兼容 placeholder 效果

placeholder 是 html5 新增加的属性,主要提供一种提示(hint),用于描述输入域所期待的值.该提示会在输入字段为空时显示,并会在字段获得焦点时消失.placeholder 属性适用于以下类型的 input 标签:text, search, url, telephone, email 以及 password. 我们先看下在谷歌浏览器中的效果,如图所示: 获得焦点时: 输入字段: 因为是 html5 属性,自然低版本的浏览器比如 ie6-8 不兼容.下面就介绍下如何在低版本浏览器中

IE6/7兼容伪类、IE9以下兼容颜色渐变、IE8以下兼容nth:child(n)

1.IE6/7兼容伪类 _1.CSS部分:一个有冒号,一个是空格分隔.前者IE8+及其他现代浏览器:后者为IE6-7准备的 #test:before, #test before{ content: attr(data-content); width: 0; height: 0; } _2.HTML部分 <div id="test"  data-content=""></div> 设置content _3.JS部分 设置IE6/7 var $b

IE6的兼容问题

随着微软windows系统系列的推出,当初的windows xp系统渐渐淡出操作系统的舞台,被新的有活力的操作系统所代替.虽然它渐渐推出了我们的视线,但是在某些地方我们还是能看到他们的,仍然在使用, 所以对于做前端开发的人员一定要考虑到我们制作儿的网页与windows xp操作系统的兼容问题——就是与IE6的兼容问题. 现在的浏览器种类繁多,可以说我们前端开发的东西在很多浏览器上都能使用,一般没有多大的问题.可是IE6就是那么个性,它的兼容性问题一直让很多前期的前端开发人员头疼.偶们来看看IE6

z-index属性在IE7和IE6的兼容问题

z-index属性在IE7和IE6的兼容问题:采用定位的元素有可能就会用到z-index属性,不过具有一定的浏览器兼容问题,不用问基本属于IE低版本浏览器的问题,因为它的前科实在太多了,虽然现在用低版本浏览器的用户越来越少,相信不出几年就会消失,但是毕竟现在还是存在的,下面就介绍一下如何解决z-index属性在IE7和IE6浏览器的兼容问题.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf

jquery 获取下拉框值与select text

下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. 下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. jquery获取select选择的文本与值 获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").tex

JQuery validate 在IE兼容模式下出现 js错误(成员找不到)的修正:

JQuery validate 在IE兼容模式下 下出现 js错误(成员找不到)的修正: // Add novalidate tag if HTML5. //this.attr( "novalidate", "novalidate" ); if (typeof (Worker) !== "undefined") { this.attr('novalidate', 'novalidate'); } 将第二行注释掉,换成第三行! JQuery val

IE6支持兼容min-width、max-width CSS样式属性

IE6支持兼容min-width.max-width CSS样式属性 让IE6支持max-width.IE6支持min-width样式 我们在写CSS的时候,常常会遇到让一个图片或一个布局不能超出设定一定宽度范围值,有时需要设置一个最小宽度,接下来由DIVCSS5为大家总结的解决IE6不支持min-width和不支持max-width的方法.以下为CSS 宽度之IE6支持最小宽度.最大宽度解决技巧(你可能需要进一步详细了解CSS width知识). 目录 IE6支持max-width解决方法 I

解决ie6不兼容透明图片

解决ie6不兼容透明图片有好多方法. 如果想同时解决兼容png8和png24的图片,建议同时引入pngfix.js和dd_belatedPng.js文件,如下: <!--[if IE 6]><script src="../js/pngfix.min.js"><script type="text/javascript" src="http:../js/DD_belatedPNG.js"></script&g