首页 > Web开发 > 详细

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

时间:2014-06-18 09:20:49      阅读:428      评论:0      收藏:0      [点我收藏+]

原文地址: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>,布布扣,bubuko.com

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

原文:http://www.cnblogs.com/niaowo/p/3793332.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!