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

JQuery动态生成页面select元素时在IE下的BUG

IEjQueryFirefox 
阅读更多

场景：想要制作一个级联列表(A、B)，A改变时B也随着改变，那么在初始化时B应该为一个空下拉列表，但是如果在IE下这样写：

 

jQuery(document).ready(function($){
    $("body").append($("<select id='a'><option value='a'>A</option><option value='b'>B</option></select>")
       .change(function(){
          $("#b").empty().append($("<option>"+this.value+"</option>"));
     }));

    $("body").append("<select id='b'></select>");
});

 

在IE8下当A发生改变时B并不能动态获得相应的选项(option)，FireFox没有问题。经过测试，如果把B元素放到页面上(<body><select id="b"></select></body>)而不是动态生成则没有问题。

 

而如果非要动态生成的话，经过测试在生成时为b增加一个空选项也不会有问题，即将$("body").append("<select id='b'></select>");改为$("body").append("<select id='b'><option></option></select>");

 

不知道这应该归咎于JQuery还是IE 8.0.7600.16385。

分享到：
| 解决RemoteClass alias信息丢失
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    2. 动态生成元素的事件处理难题：在Web开发中，经常遇到需要动态生成页面元素的情况，比如根据用户操作生成新的输入框、按钮或下拉选择框（select）。一旦这些元素被添加到DOM中，为了能够响应用户的交互，我们需要...

    jquery 动态遍历select 赋值的实例

    在jQuery中，可以使用多种选择器来选取页面中的select元素，并对其进行操作。例如，使用 $("#selDepUnit") 可以选取id为selDepUnit的select元素。若要获取这个select元素当前选中的值，可以使用.children('option:...

    jquery动态生成树

    本示例代码“jquery动态生成树”是关于如何利用jQuery和相关技术，如Struts2、treeview插件及JSON数据格式，来动态地在网页上构建一个可交互的目录树结构。 首先，让我们详细了解一下每个组件的作用： 1. **jQuery...

    JQuery 动态生成DIV、Table并处理数据

    标题 "JQuery 动态生成DIV、Table并处理数据" 涉及的是使用JavaScript库JQuery来动态创建HTML元素，特别是DIV和Table，并且处理其中的数据。这在Web开发中非常常见，尤其是在构建交互式用户界面时。下面将详细阐述这...

    jquery动态生成select工作日列表Workday

    在这个特定的项目中，“jquery动态生成select工作日列表Workday”是利用jQuery来实现一个功能，该功能可以动态地创建一个SELECT元素，并填充每月周一至周五的工作日日期。 首先，我们需要理解“select”元素在HTML...

    jquery.editable-select

    `jquery.editable-select` 就是建立在 jQuery 之上，因此在使用前需要确保页面中已经引入了 jQuery。 2. **选择器的增强**：在默认情况下，HTML `&lt;select&gt;` 元素的功能相对有限。`jquery.editable-select` 提供了一...

    jquery动态生成树菜单

    本文将详细讲解如何使用jQuery来动态生成树状菜单，这对于构建交互式网页界面至关重要。 首先，理解树菜单的概念。树菜单是一种以层次结构展示信息的用户界面元素，通常用于网站导航或数据分类。它由节点组成，每个...

    jquery实现动态生成表格

    数据展示时候，经常从后台传入大小不等的矩阵。这里给出了根据不同矩阵大小，通过jquery的html()和append(）方法动态生成html表格的实例。

    JQuery实例动态生成树

    6. **动态加载**：在大型数据集下，可以考虑实现异步加载，即当用户展开一个节点时，才去服务器请求该节点的子节点数据，这样可以提高页面性能。 在具体实现过程中，可以使用插件如jQuery UI的Treeview或D3.js等...

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

    在网页开发中，Select元素是HTML中用于创建下拉列表的常见组件，它允许用户从一组预定义的选项中选择一个或多个值。然而，在不同的浏览器中，Select的表现可能会有所差异，尤其是对于老旧版本的Internet Explorer...

    Jquery 解决IE6 Select 框总是在图层（div）的上面显示的BUG

    在网页开发中，尤其是在使用JavaScript库如jQuery时，开发者时常会遇到一些浏览器兼容性问题，尤其是在旧版本的Internet Explorer（如IE6）中。本文将深入探讨如何利用jQuery解决一个特定的问题：在IE6下，Select...

    基于jQuery和layui的form表单自定义js动态生成

    在前端开发中，动态生成表单是一个常见的需求，特别是在数据录入、编辑或验证场景下。本教程将聚焦于如何利用jQuery和layui库来实现这样的功能。jQuery是一个强大的JavaScript库，它简化了DOM操作，事件处理，动画...

    select选择框控件jquery-editable-select支持编辑输入

    在网页开发中，选择框（Select）控件是常见的用户交互元素，用于让用户从预设的选项中进行选择。然而，传统的HTML `&lt;select&gt;` 标签功能相对单一，不支持直接编辑或输入自定义值。为了解决这个问题，开发者通常会借助...

    前端项目-jquery-nice-select.zip

    2. 应用插件：在页面加载完成后，调用`$('select').niceSelect()`方法对需要美化的`&lt;select&gt;`元素应用插件。例如： ```html $(document).ready(function(){ $('select').niceSelect(); }); ``` 3. 自定义样式：...

    jquery.editable-select.min的css与js

    在网页开发中，下拉选择框（dropdown）是一种常见的用户交互元素，它为用户提供了一种从预定义选项中选择的方式。然而，传统的HTML `&lt;select&gt;` 元素在功能上相对有限，无法满足某些高级交互需求，例如实时搜索过滤、...

    jquery input文本框模拟select选择框获取选定

    对于标题提到的"jquery input文本框模拟select选择框获取选定"，这是一个常见的需求，特别是在需要用户从一系列选项中进行选择但又希望保持界面简洁的情况下。这里我们将详细讨论如何使用jQuery来实现这个功能。 ...

    jquery动态生成文本框，含删除按钮

    在网页开发中，jQuery是一个非常流行的JavaScript库，它简化了DOM操作、事件处理以及Ajax交互。本案例聚焦于使用jQuery动态生成文本框，并且每个文本框都配备有删除按钮。这个功能常见于需要用户输入多条类似信息的...

    jquery生成二维码兼容IE

    本文将深入探讨如何使用jQuery生成二维码并确保其在Internet Explorer（IE）浏览器上兼容，这对于那些仍需支持旧版浏览器的开发者来说至关重要。 首先，我们需要一个能够生成二维码的库。在JavaScript中，有一个名...

    jQuery手机下拉框select

    - 在使用jQuery Mobile Select Menu时，确保页面结构遵循jQuery Mobile的页面模型，即每个页面都包含在一个`&lt;div data-role="page"&gt;`内。 - 为了性能考虑，避免在大型`&lt;select&gt;`元素上使用增强样式，因为这可能导致...

    dtree+jquery动态生成树

    【dtree+jquery动态生成树】是一个用于创建交互式树形结构的JavaScript库，结合了jQuery框架的强大功能，使得在网页上动态展示层次结构数据变得简单。本实例着重于实现菜单树的生成，这对于构建多级导航系统尤其有用...

Magicbox
Global site tag (gtag.js) - Google Analytics