首页 > 代码库 > JQuery与IE6的兼容问题之<Select>

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

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

$("#CarTrimSeries").get(0).value = http://www.mamicode.com/‘‘;

$("#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 =http://www.mamicode.com/= ‘‘){

                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 =http://www.mamicode.com/="<%=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为索引值