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>,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。