`
vista_move
  • 浏览: 29987 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery动态设置select内容在IE6下无法选中问题解决办法

阅读更多
本文主要解决在 ie6 下,jquery 无法设置 select 选中的问题。

$(function(){
    $('#id').html("<option value='1'>1</option><option value='2'>2</option>");
    $('#id').find("option").each(function() {
        if($(this).val() == '2'){
            $(this).attr('selected','selected');
        }
    });
});


上面一段js在IE6下执行会出现错误,造成无法选中。

解决办法如下:

设置setTimeout
$(function(){
    $('#id').html("<option value='1'>1</option><option value='2'>2</option>");
    setTimeout(function(){
        $('#id').find("option").each(function() {
            if($(this).val() == '2'){
                $(this).attr('selected','selected');
            }
        });
    },0);
});
0
1
分享到:
评论

相关推荐

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

    本文将深入探讨如何使用Jquery来模拟Select,以便更好地解决在IE中遇到的显示问题。 首先,让我们了解为什么要在IE中模拟Select。Internet Explorer,特别是早期版本,如IE6、7和8,存在一些与CSS兼容性和渲染问题...

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

    在ie6下,动态添加选项到select元素之后,可能无法通过jQuery的某些方法(如.attr())来设置默认选中项。这通常是由于ie6对DOM操作处理的特殊性导致的。 在jQuery中设置select元素的选中项时,推荐使用.val()方法。...

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

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

    完美解决IE6下select控件样式

    "完美解决IE6下select控件样式"的资源针对的就是这个历史悠久的问题。Select控件是HTML中用于创建下拉菜单的元素,但在不同的浏览器中,其默认样式可能会有很大差异,特别是对于IE6,它的呈现效果通常不符合现代网页...

    CSS+jQuery简单实现select下拉框.zip

    此外,jQuery还可以用来动态改变select元素的状态,比如选中项的高亮效果,或者在选项被选择后更新其他页面元素。 文件`index.html`是项目的主网页文件,其中包含了HTML结构,可能包括一个或多个`&lt;select&gt;`元素,...

    JQuery插件searchSelect

    在网页开发中,当面对包含大量选项的下拉菜单时,用户往往需要花费较长时间去寻找目标项,而searchSelect插件则通过内置的搜索框功能,使用户可以快速定位并选择所需内容。 **一、功能特性** 1. **实时搜索**:...

    基于jquery的美化select插件

    综上所述,基于jQuery的美化select插件是提高网页界面质量的重要工具,它通过简单的集成和配置,就能让传统的`&lt;select&gt;`元素焕发出新的生命力,同时保证在多种环境下的一致表现。在实际开发中,合理利用这类插件可以...

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

    IE8下Jquery获取select选中的值post到后台报错的问题,主要原因是IE8浏览器在使用jquery获取select元素选中的值时,将其错误地识别为了数组。在非IE8浏览器中,比如Firefox、Chrome等,使用jquery获取select元素的...

    jQuery插件-多选全选实时搜索下拉框

    为了确保在不同浏览器中的一致性,jQuery插件通常会处理浏览器之间的差异,例如在IE和现代浏览器之间对事件处理和CSS属性的支持。同时,为了提高性能,可以考虑使用事件委托,避免对每个选项都绑定事件。 **七、...

    jquery select动态加载选择(兼容各种浏览器)

    针对这个问题,标题提到的"jquery select动态加载选择(兼容各种浏览器)"提供了一个解决方案,即`set_select_val`函数,它专门用于在IE6下正确地为`&lt;select&gt;`元素设置值。 通常,在大部分现代浏览器中,我们可以通过...

    jQuery Select(单选) 模拟插件 V1.3.6

    总之,"jQuery Select(单选) 模拟插件 V1.3.6"是为了解决传统HTML `&lt;select&gt;`元素样式单一、交互体验不佳的问题而设计的。它结合了jQuery的强大功能,提供了高度自定义和优化的用户体验,是现代Web开发中的一个实用...

    jquery实现下拉框多选(支持IE7)

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将深入探讨如何使用jQuery和EasyUI框架来实现一个支持多选功能的下拉框,特别关注对IE7及360...

    jQuery lou-multi-select-0.9.5 插件

    10. **与其他库的集成**:jQuery lou-multi-select 可以与其它前端框架(如Bootstrap)或后端技术(如AJAX)结合使用,以实现动态加载数据或实时更新选中状态等功能。 总之,jQuery lou-multi-select-0.9.5 插件是...

    Jquery select 插件 chosen

    为了解决这一问题,jQuery社区开发了一款强大的插件——Chosen。Chosen插件通过增强select和option元素,提供了更美观、更易用的选择体验,尤其在处理大量选项时,其优势更为明显。 一、Chosen插件简介 Chosen插件...

    使用JQuery封装的Select&Checkbox&Radio脚本-维豪信息技术有限公司内部

    常见的兼容性问题可能包括事件绑定方式、CSS样式支持和DOM操作等,这些问题在jQuery中都有相应的解决方案。 五、实际应用与优化 在实际项目中,封装这些脚本可以提高代码的可重用性和可维护性。为了优化,可以考虑...

    jquery select美化 select插件下拉框美化成类似菜单风格(兼容很好).zip

    在这个插件中,jQuery的主要作用是监听select元素,动态生成和管理美化后的菜单结构,同时处理用户的交互行为。 该插件的工作原理大致如下: 1. **初始化**:插件首先会找到页面中的所有select元素,通过jQuery的`...

    jQuery Select(单选) 模拟插件 V1.3.62 改进版

    这也展示了jQuery作为JavaScript库的一个强大能力,即简化DOM操作、事件处理和浏览器兼容性问题的解决。通过插件的形式,开发者可以轻松地将这些功能集成到自己的项目中,无需从头开始编写大量的代码。

    Jquery多选下拉列表插件jquery multiselect

    - **初始化插件**:在DOM加载完成后,使用jQuery选择器找到对应的`&lt;select&gt;`元素,并调用`.multiselect()`方法进行初始化。 ```javascript $(document).ready(function() { $("#example").multiselect(); }); ``` ...

    jquery+js实现文本框部分内容被选中(兼容各种浏览器)

    `select`方法适用于所有浏览器,包括旧版IE,但它会选中整个文本,而不是部分文本。由于我们的目标是兼容所有浏览器,这种做法足够满足需求。 最后,我们有一个名为`测试.html`的文件,这可能是包含上述HTML和...

Global site tag (gtag.js) - Google Analytics