`
sunzhong1030
  • 浏览: 11409 次
  • 性别: Icon_minigender_1
  • 来自: 成都
最近访客 更多访客>>
社区版块
存档分类
最新评论

对options不可掉以轻心

阅读更多
   今天,我作了这样的事情,就是通过ajax把要一个准备装入下拉框的数组找并一一装入
下拉框中,接着我开始访问他们,把上一次访问的记录呈现出来,但是总是不能正常遍历下拉框的options,无论用children属性还是options属性,得到的length都是1,
    怎么回事呢?难道select和options之间的关系比较特殊,要让select识别它下面的options有一个过程,于是我就在select装入options之后,两次打印了option们的长度
第一次alert的结果是在select装入options之后马上打印的,得到的是1,
第二次alert的结果自然有个延时,得到的正确的个数,
于是我得出了如下结论:
   select中的option被select识别是有个过程的,不是现装现访问的,必须给个延时,让select有时间的好好消化下给它的option们.
   这如同iframe元素创建并添加文档树中时,都会有个冷却时间让父元素去识别它,把它交由document或window的iframe集合管理起来.
   如果这是调整一下他们在文档中的位置就没有这个必要了,因为相应的集合中有他们的引用存在,不需要重新识别他们了.
   现在用个两句代码来总结:
   appendIframeOrOptions();
   window.setTimeout('visit()',500);
分享到:
评论
3 楼 myy 2008-01-10  
select1.options.add(new Option("aText","aValue",false,false));

这样装入没有延时。
2 楼 afcn0 2008-01-10  
完全是不了解DOM api执行方式,如果修改html当然需要渲染时间,如果DOM api那当然就没问题了
1 楼 花花公子 2008-01-10  
javascript没那么弱吧,如果用innerHTML插入可能有问题,
你试试select.add(new Option('name','value'))

相关推荐

    罗技鼠标、键盘增强工具Logitech Options 8.36.86

    总结来说,罗技Options是罗技用户不可或缺的辅助工具,它通过个性化的设置和优化的功能,使得罗技的外设更加得心应手,无论是在日常办公还是专业创作中都能带来极大的便利。只需合理利用,就能让罗技设备的使用体验...

    Options_8.34.91.zip for Mac

    罗技作为知名的外设制造商,为用户提供了一系列高级且可定制化的设备,其中Logi Options软件是专为Mac用户设计的一款强大工具,它能让你的罗技鼠标发挥出更大的潜能。"Options_8.34.91.zip for Mac"正是这样一个...

    罗技 新版options+ 驱动

    罗技 新版options+ 驱动

    Options_8.54.161.exe

    Logitech Options

    Logitech Options 6.60.570.exe

    Logitech Options 6.60.570.exe Logitech Options旧版本

    Options_8.36.86.exe

    Logitech Options

    Mac罗技鼠标管理器Options_8.34.91.zip

    这对于设计师、程序员等对鼠标精度有高要求的职业人员来说,是不可多得的工具。 罗技Options不仅关注功能性,还在用户体验上下足功夫。它提供了多种鼠标手势,通过简单的滑动或点击,用户可以执行各种系统命令,如...

    gin跨域支持options请求

    gin跨域支持options请求。亲测可用啊,这个是一个大佬发给我的

    WordPress数据库清理插件Clean Options

    其实不然,还有或多或少的残留文件还悄悄地隐藏在你Wordpress数据库中的wp_options表中,如此长此发展下去,我们的数据库会在不知不觉中,变的越来越越庞大。 而且,WordPress管理后台的首页或其它页面,还会自动...

    Laravel开发-laravel-options

    `laravel-options`可能是某个特定的扩展包或库,它提供了一个简单的方式来处理键值对形式的选项存储。下面我们将深入探讨Laravel中的配置管理以及可能与`laravel-options`相关的知识。 1. **配置文件**: - ...

    X-Frame-Options相关文件

    Frame-Options头缺失 in a frame because it set 'X-Frame-Options' to 'deny'",意味着在某个特定的场景下,一个网页没有设置X-Frame-Options头,或者设置了值为'deny'的X-Frame-Options头,这表明该网页不允许被...

    vlc中文options参数使用手册

    vls参数,含600多条options命令,表格经过精心整理且分类,附带每条参数的中文说明及格式

    Logitech Options 6.60.570

    Logitect Options

    Vue的Options用法说明

    Vue.js是一款流行的JavaScript框架,用于构建用户界面和单页应用程序。它易于上手,且允许开发者以数据驱动的方式...它通过定义选项来控制组件的行为,包括数据、方法、生命周期钩子等,是Vue开发中不可或缺的一部分。

    vue3中Options API(学习)代码

    这些特性在 Options API 中可以与现有的 `data` 和 `computed` 结合使用,但不推荐直接在 `data` 中声明响应式对象。 4. **Prop 的校验** Vue3 依然支持通过 `props` 选项来定义组件的输入参数,并可以通过类型...

    JS 将select options 排序

    在JavaScript中,对HTML Select元素中的options进行排序是一项常见的需求,特别是在动态生成或者处理用户输入数据时。本文将深入探讨如何实现这一功能,并提供一个实际的示例代码。 首先,我们需要理解...

    Allegro应用技术 界面OPTIONS,FIND.doc

    Allegro应用技术 界面OPTIONS,FIND.doc Allegro应用技术 界面OPTIONS,FIND.doc Allegro应用技术 界面OPTIONS,FIND.doc Allegro应用技术 界面OPTIONS,FIND.doc Allegro应用技术 界面OPTIONS,FIND.doc

    OptionsMenu选项菜单使用Demo

    OptionsMenu是Android系统中的一种用户界面元素,用于在屏幕顶部或底部显示一组操作选项,通常在用户需要执行特定操作时出现,比如在应用的主界面点击菜单按钮。在Android开发中,OptionsMenu是一个重要的交互设计,...

    前端开源库-options-stream

    - **YAML (Yet Another Markup Language)**:人类可读的数据序列化格式,通常用于配置文件和数据存储。 - **ION**:Amazon Web Services的二进制序列化格式,用于高效存储和传输数据。 3. **使用方法** 使用...

    idea64.exe.vmoptions

    idea64.exe.vmoptions

Global site tag (gtag.js) - Google Analytics