`
japankn
  • 浏览: 216138 次
  • 性别: Icon_minigender_1
  • 来自: 广西
社区版块
存档分类
最新评论

采用DOM模型时创建一个Select节点后,要删除option项的解决方法

阅读更多

当创建了一个select节点以后,在每次刷新的时候不需要删除次节点,但是要更新该节点的内容(options),就必须要删除原来的options,估计是语言发明人的大意吧这一点做得不够好,不能全部删除,经过多次试验才发现删除时需要用一种算法。每次只能删除options长度的一半取整。实现过程如下:

    var select=document.createElement("select");
    var ooption=new Array(); 
    for(var i=0;i<10;i++){
     ooption[i]=document.createElement("option");
     select.add(ooption[i]);
 }//生成select节点
 //删除的算法
 while(length!=0){
     var length=select.options.length;
     for(var i=0;i<length;i++)
     select.options.remove(i);
     length=length/2;
 }

分享到:
评论

相关推荐

    向元素中动态添加option

    接下来,要将这个新创建的`&lt;option&gt;`元素添加到`&lt;select&gt;`元素中,我们需要找到目标`&lt;select&gt;`元素,这通常通过其`id`属性完成,例如:`var selectElement = document.getElementById('selectId')`。之后,使用`....

    Html dom中的select, option_ 级联下拉列表

    在文中提到,要修改的样式必须是内联样式,如果样式属性包含"-",需要去掉"-"后把"-"后的第一个字母大写,如background-color需要改为backgroundColor。 总结以上内容,HTML DOM中的select, option级联下拉列表的...

    HTML DOM基础教程(网页形式)

    HTML DOM DOM 首页 DOM 简介 DOM 节点 DOM 节点树 DOM 节点访问 DOM 节点信息 DOM How To DOM 参考 ...DOM Option DOM Select DOM Style DOM Table DOM TableCell DOM TableRow DOM Textarea

    jquery动态添加option

    这段代码会遍历`optionsData`数组,为每一项创建一个新的`&lt;option&gt;`元素并添加到`&lt;select&gt;`中。这种方法在处理动态获取的数据时非常有用,比如从服务器端获取数据后填充下拉列表。 除了`append()`,还有其他方法...

    Html dom _BOM 模型 _事件处理机制 _面向对象基础

    以上内容中包含了对DOM中各种对象的属性和方法的使用,BOM模型的核心对象window及其常用方法,JavaScript中的事件处理机制,包括事件是如何产生的、事件对象的特性以及事件冒泡现象,以及面向对象编程的基础知识,...

    JQuery给元素添加/删除节点比如select

    这里,`append()` 方法用于在 `&lt;select&gt;` 的末尾添加一个新的 `&lt;option&gt;`,而 `prepend()` 方法则是在开头插入。`remove()` 方法用于移除匹配的元素。`filter()` 方法结合一个回调函数,可以筛选出满足条件的元素...

    js控制 select表单子节点左右上下移动

    这篇博客“js控制 select表单子节点左右上下移动”提供了一个解决方案,它可能包含了一个名为`optionSelect.js`的脚本文件,用于实现这个功能。 首先,我们需要理解`select`元素和它的`option`子元素。在HTML中,`...

    jquery 动态遍历select 赋值的实例

    这是一个非常有用的jQuery方法,可以移除集合中所有匹配元素的子节点,从而确保在添加新的option之前select列表是空的。 以上就是这篇关于"jquery动态遍历select赋值的实例"中涉及的主要知识点。通过本文的介绍和...

    Select Tag's options process

    最后,我们使用`appendChild`方法将这个新创建的`&lt;option&gt;`元素添加到`select`元素的子节点列表末尾。 在实际应用中,这可能涉及到更复杂的逻辑,比如遍历数据数组来生成多个选项,或者根据用户操作动态增删选项。...

    JQuery给select添加/删除节点的实现代码

    append()方法会把新创建的option元素添加到select的最后,而prepend()方法则将其添加到select的第一个位置: ```javascript jQuery("#select_id").append("&lt;option value='Value'&gt;Text&lt;/option&gt;"); // 为select追加...

    解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)

    本文将详细讨论一个特定的JavaScript问题,即在Internet Explorer(IE)浏览器中使用`innerHTML`属性向`&lt;select&gt;`元素插入`&lt;option&gt;`标签时遇到的bug,以及如何解决这个bug以实现跨浏览器兼容性,包括IE、Firefox、...

    dom笔记1

    例如,可以使用`removeChild`移除一个选项(option)节点,再使用`appendChild`或`insertBefore`将其添加到新的位置。同时,`innerHTML`属性允许我们获取或设置元素内部的HTML内容,这对于处理字符串形式的列表项...

    JS操作select下拉框动态变动(创建/删除/获取)

    在select元素创建后,可以通过select元素的add方法来动态添加option元素。首先获取到select元素对象,然后调用其add方法,并传入一个新创建的option元素。 示例代码: ```javascript function addOption() { var ...

    select下拉模糊查询插件

    在网页开发中,`select`...通过合理的规划和实现,我们可以创建一个高效、易用的模糊查询下拉框,极大提升用户在海量数据中的查找效率。在压缩包中的"select搜索插件"可能包含了一个完整的实现示例,可供学习和参考。

    js 操作select与option(示例讲解)

    该方法可以创建一个新的DOM元素节点。例如,要创建一个select元素,可以使用以下代码: ```javascript function createSelect() { var mySelect = document.createElement("select"); mySelect.id = "mySelect"; ...

    jQuery联动下拉框 jQuery optionTree

    总的来说,jQuery optionTree是一个强大且灵活的解决方案,用于创建具有层级结构的联动下拉框。通过熟练掌握它的用法,开发者可以轻松地在网页中实现复杂的数据关联和动态更新,提高用户界面的交互性和可用性。

    基于jquery的关于动态创建DOM元素的问题

    以下是一个创建`select`元素的例子: ```javascript // 创建元素 var select = document.createElement("select"); // 添加选项 select.options[0] = new Option("加载项1", "value1"); select.options[1] = new ...

Global site tag (gtag.js) - Google Analytics