`

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、IE7和IE8中,如果`<option>`没有`value`属性,它们在用户做出选择后,`<select>`的`value`获取到的是空字符串,这显然与W3C标准不一致。标准规定,如果`<option>`没有`value`,那么`value`应该等于选项的文本...

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

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

    基于Jquery模拟Select,解决IE显示问题

    这个结构通常包含一个隐藏的Select元素(保留其数据和功能),以及一组可以点击的li元素(每个li对应Select的一个option)。以下是一个基本的HTML模板: ```html <div class="custom-select"> ...

    使用js对select动态添加和删除OPTION示例代码

    在这个场景中,我们关注的是如何使用JavaScript来动态地添加和删除`<select>`元素中的`<option>`选项。`<select>`元素通常用于创建下拉列表,而`<option>`则代表下拉列表中的可选项。 首先,让我们深入理解提供的...

    jQuery选中select控件 无法设置selected的解决方法

    总结一下,当我们使用jQuery在IE6中动态添加option并尝试选中它们时,遇到“无法设置selected属性,未指明的错误”问题,主要是因为IE6的DOM处理机制。解决这个问题的关键在于使用`setTimeout`函数将设置selected...

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

    在IE6中,某些特定元素如select元素,在z轴上的高度可能失控,从而破坏了正常的层叠顺序。 为了解决这个问题,可以利用IE6特有的一个属性:iframe元素能够覆盖select元素。由于div无法直接覆盖select,但iframe可以...

    select标签multiple属性的使用方法.zip

    在这个基本结构中,`<option>`标签定义了下拉列表中的每个选项,`value`属性为每个选项分配一个值,而文本内容是用户在界面中看到的选项文字。 ### 二、`multiple`属性的使用 要启用多选功能,只需在`<select>`...

    js 操作select和option常用代码整理

    使用`createElement_x("select")`可以创建新的`select`元素,并设置其`id`属性,最后将其添加到DOM中。 9. **添加选项的兼容性问题** 在不同浏览器中,添加`option`的方法可能不同。`add`方法在IE中有效,而在...

    select里实现checkbox选择和input里边实现上下一条

    为了在`input`中实现上下滚动,我们可以考虑使用`contenteditable`属性,将其设置为`true`,这样`input`就变成了一个可编辑的区域,然后通过CSS和JavaScript来实现滚动效果。 例如: ```html ; height: 100px;"> `...

    js动态改变select选择变更option的index值示例

    向select中添加一个新的option时,需要创建一个Option对象,并将其加入到select的options集合中。可以创建一个函数,如jsAddItemToSelect(): ```javascript function jsAddItemToSelect(objSelect, objItemText, ...

    javascript操作Select标记中options集合

    3. **添加选项**:要向`<select>`元素中添加新的`<option>`,可以使用`.add()`方法。例如: ```javascript var option = document.createElement('option'); option.text = '新选项'; option.value = 'newOption...

    JS动态添加option和删除option(附实例代码)

    本文详细介绍了如何使用JavaScript动态添加和删除select中的option元素,并提供了实例代码供参考。 知识点一:创建select元素 要动态添加option,首先需要一个select元素。可以通过JavaScript创建一个select元素,...

    select多选与美化

    "select多选与美化"这个主题关注的是如何在HTML的下拉列表中实现多选功能,并且兼容各种主流浏览器,包括Firefox、Opera、Chrome、Safari以及IE6到IE9。这通常涉及到JavaScript库,特别是jQuery的使用,以及CSS样式...

    jQuery在ie6下无法设置select选中的解决方法详解

    而在ie6中,如果select元素的内容是在文档加载完成后通过脚本动态添加的,可能需要采取额外的措施来确保选中状态能够正确设置。 在上述提供的示例代码中,作者尝试使用$.each函数遍历所有的option元素,并通过判断....

    select下拉框支持搜索【中文搜索】文件

    例如,我们可以为`select`元素添加一些样式,使其看起来更像一个搜索框,并且在没有搜索结果时给出提示: ```css .selectBox { width: 300px; border: 1px solid #ccc; padding: 5px; box-sizing: border-box; ...

    jquery select美化插件selectlist plugin下载地址.zip

    尽管SelectList Plugin在大多数现代浏览器中表现良好,但考虑到兼容性问题,建议在旧版IE浏览器中测试其性能。同时,注意优化大量选项的加载速度,如使用懒加载策略,或者对搜索功能进行性能优化。 总结,Select...

    JS对select控件option选项的增删改查示例代码

    对于添加操作,可以利用select元素的add方法直接添加一个新的option元素,这个方法在IE浏览器中有效。为了确保兼容性,还可以通过select元素的options属性来添加新的option,这样可以同时兼容IE和Firefox浏览器。 `...

Global site tag (gtag.js) - Google Analytics