[IE&FireFox兼容]JS对select操作

2024-04-02 01:50:06

今天在Ajax中使用两个下拉框动态添加select中的options,当我在IE测试下正常使用却在FireFox中不能正常使用，我对脚本也不是很熟悉，所以上网查了一下发现他们在动态添加option时有点不同。

下面把他记下来，说不定以后还可以用用：

动态删除select中的所有options：
    function deleteAllOptions(sel){
      sel.options.length=0;
    }

动态删除select中的某一项option：
    function deleteOption(sel,indx){
      sel.options.remove(indx);
    }

动态添加select中的项option:
    function addOption(sel,text,value){
      sel.options.add(new Option(text,value));
    }

上面在IE和FireFox都能测试成功，希望以后你可以用上。
其实用标准的DOM操作也可以，就是document.createElement，appendChild，removeChild之类的。:)

[IE&FireFox兼容]JS对select操作

今天在Ajax中使用两个下拉框动态添加select中的options,当我在IE测试下正常使用却在FireFox中不能正常使用,我对脚本也不是很熟悉,所以上网查了一下发现他们在动态添加option时有点不同. 下面把他记下来,说不定以后还可以用用: 动态删除select中的所有options: function deleteAllOptions(sel){ sel.options.length=0; } 动态删除select中的某一项option: funct
JS实现select选中option触发事件操作示例

本文实例讲述了JS实现select选中option触发事件操作.分享给大家供大家参考,具体如下: 我们在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只有在select里的onchange方法里触发. 想添加一个option的触发事件,在option中添加onclick 点来点去就是不会触发事件又在select中添加onclick 这下可好了,没选option呢就触发了百度来的说option没有触发事件,需
使用js对select动态添加和删除OPTION示例代码

<select id="ddlResourceType" onchange="getvalue(this)"> </select> 动态删除select中的所有options: document.getElementById("ddlResourceType").options.length=0; 动态删除select中的某一项option: document.getElementById("ddlResourc
JS Attribute属性操作详解

Attribute是属性的意思,文章仅对部分兼容IE和FF的Attribute相关的介绍. attributes:获取一个属性作为对象 getAttribute:获取某一个属性的值 setAttribute:建立一个属性,并同时给属性捆绑一个值 createAttribute:仅建立一个属性 removeAttribute:删除一个属性 getAttributeNode:获取一个节点作为对象 setAttributeNode:建立一个节点 removeAttributeNode:删除一个节点 a
Vue.js做select下拉列表的实例(ul-li标签仿select标签)

目标:用ul-li标签结合Vue.js知识做一个模仿select标签的下拉选项列表. 知识点: 组件的写法及运用组件之间的数据传递(props的运用) 组件之间的数据传递($emit的运用) 动态数据的绑定(v-bind) 自定义事件通信效果图: 1.未做任何操作前,下拉列表为隐藏状态 2.点击输入框显示下拉列表 3. 点击列表项,输入框值跟随改变 PS: 为了演示data1, data2两组数据的绑定,实例中创建了两个列表 html代码: <!DOCTYPE html> <html
js事件触发操作实例分析

本文实例讲述了js事件触发操作.分享给大家供大家参考,具体如下: click包含了(mousedown,mouseup)叫做MouseEvents: keydown,keypress,keyup之流叫做UIEvents; focus,load,scroll,submit之流叫做HtmlEvents. MutationEvents,突变事件,往往用于对DOM对象的事件监听. DOMNodeRemoved:当Node被删除时 DOMAttrModified:元素的属性发生改变时我们来学一学事件触发
vue 中使用print.js导出pdf操作

1.print.js // 打印类属性.方法定义 /* eslint-disable */ const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({ 'noPrint': '.no-print' }, options); if ((typeof dom) === "string") {
Angular.js中数组操作的方法教程

前言前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢.最近在学习Angular.js,将自己学习的一些经验技巧分享给大家,下面本文将给大家介绍关于Angular.js中数组操作的相关资料,话不多说了,来一起看看详细的介绍. 1:ng-click,ng-model,ng-bind,ng-class,ng-hide,ng-app 2:placeholder, 3:{}中加入代码":true|false",使用逗号隔开,可以
Angular.JS中select下拉框设置value的方法

前言本文主要给大家介绍的是关于Angular.JS中select下拉框设置value的相关内容,非常出来供大家参考学习,下面来一起看看详细的介绍: 最近在系统中增加一个查询的筛选条件,通过下拉框选取,用的是Angular常见的ng-options 指令: <select id="selectDetectUnit" class="form-control" ng-model="detectUnits" ng-options="de
Vue.js进行查询操作的实例详解

Vue.js进行查询操作的实例详解实例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="../lib/vue.min.js" type="text/javascript" ></script> <title>字符转换</title> </head>

[IE&FireFox兼容]JS对select操作

相关推荐

随机推荐