`

jQuery select 无法设置selected属性 未指明的错误的解决方法

    博客分类:
  • js
阅读更多

无法设置selected属性。未指明的错误

如果在IE6中设置select控件的selected属性的时候,会提示“无法设置selected属性。未指明的错误。”比如执行如下代码:

// 执行下面语句之后出错

$("#selCourse option").attr("selected",true);

后来查了一下资料,发现这个错误在IE5.5、7及Firefox等浏览器下面没有问题,唯独IE6下有如下的提示。后来有人找到了一个解决的方法,就是设置selected属性的时候使用setTimeout函数设定一个时间即可,代码如下:

// 使用setTimeout之后问题解决

setTimeout(function() {
$("#selCourse option").attr("selected",true);
}, 1);

补充:

鄙视IE6,居然有这样的问题.

如果后续还有其他依赖于selected属性的来进行判断的逻辑,也需要放在setTimeout块中.

setTimeout(function() {
$("#selCourse option").attr("selected",true);
//eg.
G.changeSelected();
}, 1);

原文链接:http://www.cnblogs.com/xiaoxi/archive/2011/01/19/1939500.html

分享到:
评论

相关推荐

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

    当使用jQuery的`selected`属性动态设置option的选中状态时,IE6可能还没有准备好接受这个改变,从而导致“无法设置selected属性,未指明的错误”。 解决这个问题的一个常见策略是将设置selected属性的代码延迟到...

    jquery select2组件

    **jQuery Select2组件详解** `jQuery Select2`是一款强大的、高度可定制的下拉选择框插件,它在原生HTML `<select>` 元素的基础上提供了丰富的功能和优秀的用户体验。这款组件广泛应用于网页开发中,使得传统的单选...

    jquery select2

    为了解决这些问题,jQuery社区推出了一个强大的插件——jQuery Select2。Select2不仅提供了美观的界面,还增强了用户体验,特别是对于大型数据集的搜索功能,使得在下拉框中快速找到所需选项变得轻而易举。 一、...

    jquery模拟select效果实现

    4. **选中项的更新**:当用户点击下拉列表中的某个选项时,更新模拟select容器中的显示项,并设置隐藏的`<select>`元素的`value`属性。 5. **样式自定义**:通过CSS控制模拟select及下拉列表的样式,使其符合设计...

    jquery select插件带搜索框的下拉选择框代码

    在本文中,我们将深入探讨如何使用jQuery的"searchableSelect"插件来创建一个具有搜索功能的下拉选择框。这个插件对于那些需要在大量选项中快速查找和选择的项目非常有用,它大大提升了用户体验。 首先,让我们了解...

    jQuery手机下拉框select

    总的来说,`jQuery手机下拉框select` 是通过jQuery Mobile库实现的一种优化移动端用户体验的解决方案。它提供了丰富的样式、交互和功能特性,帮助开发者创建出更符合移动设备需求的下拉菜单。通过理解和应用这些技术...

    [转]Jquery操作select 收藏

    1. **获取和设置选中项**:使用`.val()`方法,可以获取或设置select的当前选中项的值。如`$('select').val()`返回选中项的值,`$('select').val('newValue')`则将选中项设置为对应值的选项。 2. **添加和删除选项**...

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

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

    select2(jquery)插件下载

    **jQuery Select2插件详解** Select2是一款基于jQuery的增强型下拉选择框插件,它极大地改进了原生HTML `<select>` 元素的用户体验和功能。标题中的"select2(jquery)插件下载"指的是这个插件的获取途径,通常通过...

    jquery实现select互斥联动

    在本示例中,我们将探讨如何使用jQuery实现“select”元素的互斥联动效果,这是一种常见的表单控件交互设计,常用于多级筛选或配置场景。 一、基本概念 1. jQuery:jQuery 是一个高效、简洁而易用的JavaScript库,...

    jquery模拟select

    /** * 模拟select ...* selected 默认选中[等同于option selected] * r-value 值[等同于option value] * @disription 对象(box)自身属性说明 * change(function(){}) 等同于select默认事件change */

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

    **jQuery Select(单选) 模拟插件 V1.3.6 知识点详解** 在网页开发中,我们经常需要使用到选择器来获取用户的选择,原生的HTML `<select>` 元素虽然简单易用,但在样式定制和交互效果上往往显得力不从心。为了改善这...

    jquery select日历选择器点击select框弹出日期选择器

    jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器

    jquery.editable-select

    4. **API 和事件**:`jquery.editable-select` 提供了一系列 API 方法和事件,允许开发者自定义其行为。例如,你可以通过 API 设置或获取选中项,监听用户输入或选择变化的事件,甚至可以添加或移除选项。 5. **...

    jQuery实现select样式美化 jQselect.js

    "jQuery实现select样式美化 jQselect.js" 就是这样一种解决方案,它利用jQuery库来对传统的`<select>`标签进行样式定制,以提供更加丰富的视觉效果。 jQuery是一个强大的JavaScript库,它简化了HTML文档遍历、事件...

    jquery select列表选择框选中美化效果源码

    这段代码首先引入了jQuery库和Select2插件的相关文件,然后在文档加载完成后,使用jQuery的`$(document).ready`函数确保DOM已经加载完毕,最后调用`.select2()`方法来初始化美化效果。 总的来说,通过使用jQuery和...

    jQuery为动态生成的select元素添加事件的方法

    6. 动态添加元素到页面中:在需要的时候,使用jQuery的`.append()`方法将创建好的select元素添加到页面的指定容器中。这个操作会把新的HTML字符串插入到页面的DOM中,从而使得select元素变得可用。 7. 绑定事件到...

    jQuery select下拉框美化代码.zip

    `jQuery select下拉框美化代码.zip`这个压缩包提供了一种解决方案,旨在提升传统HTML `<select>` 元素的视觉效果。下面将详细探讨这个主题。 首先,`jQuery` 是一个广泛使用的JavaScript库,它简化了DOM操作、事件...

    jquery.selectbox.js select下拉菜单美化代码

    jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码

Global site tag (gtag.js) - Google Analytics