`

ie6中select动态添加option并设置其value

 
阅读更多

    在ie6中使用jquery的select.attr('value',xx);时在ie6中会报错,不能正确设置其值,解决方法就是在设置值的代码块周围加上setTimeout,如:

window.setTimeout(function(){//ie6需要稍微延迟
            select.attr('value',xxx);
        }, 100);

 为什么呢?stupid IE!特别是6

 因为在往select中动态添加option时,浏览器执行javascript设置select的属性的时候浏览器可能还没将它们渲染到页面中(ie6),因此使用setTimeout可以使浏览器渲染线程先将元素渲染到页面中区,再使用javascript线程执行改变它们属性的操作。

more>>

 

 

ie中checkbox 的onchange

    在ie9以前的版本中使用checkbox的onchange时会出现不能马上执行所绑定的方法,原因是只有当checkbox失去焦点时(lose the fucus/onblur)时才会触发所绑定的方法。

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    IE6/7/8中Option元素未设value时Select将获取空字符串

    IE6/7/8中Option元素未设value时Select将获取空字符串</title> </head> <body> <select onchange=”alert(this.value)”> <option>one</option> <option>two</option> <option>...

    用div+jq高仿ie6的select表单随内容增加-2012-11-1

    在html中,依旧是应用传统的select进行布局,只需要给select一个class为toDiv,就可以动态的将select替换为已经设置好了的div布局。 解决了之前版本的option的value没有传入li的bug。 暂时还无法做到让用户随意更改...

    Select精美下拉框(漂亮)

    NewOption.value = value; if (!this.bOriginalSelect) this.createOptionTr(idx); this.syncOptions(); this.adjustOptionsDiv(); this.syncSelectedIndex(); } function SS_deleteOption (idx) { this....

    javascript各浏览器中option元素的表现差异

    1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有。 代码如下: <select id=”s1″ multiple=”multiple”> <option value=”1″ xss=removed>1</option> <option value=”2″ xss=...

    多种切换效果之jQuery焦点图片轮播插件.zip

    <option value="leftright">leftright</option> <option value="updown">updown</option> <option value="switchlr">switchlr</option> <option value="switchud">switchud</option> <option value="fliplr">...

    IE8下Jquery获取select选中的值post到后台报错问题

    <option selected='selected' value='1'> </select> var selectedValue = $("#a").val(); 在非IE8下,selectedValue的值为“1”,typeof selectedValue 为“string”。 在IE8下,selectedValue的值为[“1”],...

    CSS3图片37种幻灯片切换特效.zip

    <option value="fxRotateSoftly">Rotate me softly</option> <option value="fxDeal">Deal 'em</option> <option value="fxFerris">Ferris wheel</option> <option value="fxShinkansen">Shinkansen</option> ...

    js获取select标签的值且兼容IE与firefox

    jsp代码: 代码如下:&... ’jobSelect xss=removed> <option selected=”selected” value=”-1″>–依职类筛选–</option>   <option value=”-1″>–依职类筛选–</option>  <s:iterator value=”jobCat”

    IE6下Select元素被div等元素覆盖的解决办法

    但是IE6有一个神奇的逻辑,div 无法覆盖select,但是iframe 可以覆盖select,而div可以覆盖iframe,所以解决办法就是用Z轴高度更高的Iframe元素,包裹或覆盖住下拉列表框控件,使其回到正常的Z轴高度上来!...

    基于jQuery的select下拉框选择触发事件实例分析

    <option value=0 xss=removed>选项一</option> <option value=1 xss=removed>选项二</option> </select> 今天有个要求需要做联动菜单,就是每点一次,相邻的下拉框会自动改变 ,我一想没问题啊,onclick走...

    打造个性化的Select(可编辑)

    支持使用js脚本 使用方法 [b]var 实体化变量=new editselect(名字,长度,默认字符串,宽度,高度,只读)[/b] [b]实体化变量.add(option数值,JS脚本)[/b] 这只是一个测试版,很多功能没有完善,比如没有区分value和...

    用jQuery实现的模拟下拉框代码

    很多群员问了关于下拉框美化的问题,现打一个下拉框美化的制作过程,其实是模拟出来的下拉框。... <option value=”1″>选项一</option> <option value=”2″>选项二</option> <option value=”3″>选项三<

    jquery select选中的一个小问题

    jquery使select选中: 用$...时firefox可以,但ie6不可以 改用$(“#select”).val(‘2’),两者都可以了,而且更简洁 自己的理解:value不是select的正规属性,这个value存在于<option>里,所以第一句在兼容上有点问题

    Ajax模仿google提示输入框 v1.8

    2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改...

    JavaScript Table行定位效果

    接着想到的是给table插入一个新tr,克隆原来的tr,并设置这个tr为fixed(ie6为absolute),例如: Code <!DOCTYPE ...

    jQuery插件实现可输入和自动匹配的下拉框

    <option value=Internet> <option value=Firefox> <option value=Chrome> <option value=Opera> <option value=Safari> 优点:节约js代码; 缺点:IE 9及以下的IE浏览器 和 Safari 均不支

    jQuery完全实例.rar

    动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中。在这个函数的内部,是通过临时创建一个元素,并将这个元素的 innerHTML 属性设置为给定的标记字符串,来实现标记到 DOM 元素转换的。所以...

    Ajax 模仿google百度提示输入框 v1.8

    2.兼容IE6,IE7,FF 3.支持input显示与value分离【以隐藏域方式提交数据】 4.支持下拉框按钮 5.支持显示结果数量 6.可以一个页面多次使用 7.模拟下拉框不会被select遮挡 8.调用更方便(内核已改为jq插件) 9.皮肤修改...

Global site tag (gtag.js) - Google Analytics