改进版:在select中添加、修改、删除option元素
今天休完年假从家回来后,看到小林在QQ发的“监控管理示范代码”,核心原理用的是select元素的 add() 方法:
代码如下:
function watch_ini(){ // 初始
for(var i=0; i<arguments.length; i++){
var word = document.createElement("OPTION");
word.text = arguments[i];
watch.keywords.add(word); // watch. is form name
}
}
function watch_add(f){ // 增加
var word = document.createElement("OPTION");
word.text = f.word.value;
f.keywords.add(word);
}
但上述 add() 方法只在IE下有效,为兼容FF和Opera,对上述代码进行了一下改进,改动后代码如下:
代码如下:
function watch_ini(){ // 初始
for(var i=0; i<arguments.length; i++){
var oOption=new Option(arguments[i],arguments[i]);
document.getElementById("MySelect").options[i]=oOption;
}
}
function watch_add(f){ // 增加
var oOption=new Option(f.word.value,f.word.value);
f.keywords.options[f.keywords.length]=oOption;
}
整个实例的完整代码如下:
javascript select options text value
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
JS获取select-option-text_value的方法
HTML代码: 复制代码 代码如下: <select id="month" onchange="selectInput(this)"> <option value="01">January</option> <option value="02">February</option> <option value="03"&
-
JS动态添加与删除select中的Option对象(示例代码)
如下所示: 复制代码 代码如下: //动态删除select中的所有options: function delAllOptions(){ document.getElementById("user_dm").options.length=0; } //动态删除select中的某一项option: function delOneOption(index){ document.getElementById("user_dm").o
-
JQuery中对Select的option项的添加、删除、取值
jQuery获取Select选择的Text和Value: 复制代码 代码如下: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id
-
js select option对象小结
一基础理解: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创建一个option对象,即在<select>标签中创建一个或多个<option value="值">文本</option> //options是个数组,里面可以存放多个<option value="
-
如何获取select下拉框的值(option没有及有value属性)
如何获取select下拉框的值: 1.下拉框的option没有value属性时 复制代码 代码如下: <select id="param1"> <option>学号</option> <option>姓名</option> <option>年龄</option> </seclect> <script> window.onload = funciton(){ var param =
-
js获取select默认选中的Option并不是当前选中值
js函数方法: 复制代码 代码如下: <script> function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ''), opts; try { opts = document.getElementById(selectId).getElementsByTagName('option'); for (var i in opts) { if (opts[
-
浅谈下拉菜单中的Option对象
1.创建Option对象 1.1 var optionEle1 = document.createElement('option'); 1.2 var optionEle2 = new Option(text, value, defaultSelected, selected); 2.options属性 2.1 select.options返回select标签下面的Option对象的集合 3.清空下拉菜单 3.1 利用for循环删除,注意数组长度的动态变化 3.2 select.options.
-
js添加select下默认的option的value和text的方法
<pre name="code" class="java"> jsp 中的下拉框标签: <s:select name="sjx" id="sjx" list="sjxList" listKey="BM" listValue="MC" size="20" cssStyle="width:100%;height:70px;
-
jquery操作select option 的代码小结
1.获取选中select的value和text,html代码如下: 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </selec
-
浅析jQuery对select操作小结(遍历option,操作option)
//遍历option和添加.移除optionfunction changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(this).val() == 111){
-
javascript Select标记中options操作方法集合
javascript操作Select标记中options集合 先来看看options集合的这几个方法: options.add(option)方法向集合里添加一项option对象: options.remove(index)方法移除options集合中的指定项: options(index)或options.item(index)可以通过索引获取options集合的指定项: javascript代码如下: var selectTag = null; //select标记 var OPTONLEN
-
删除select中所有option选项jquery代码
这样写 复制代码 代码如下: <select id="search"> <option>baidu</option> <option>sogou</option> </select> 清空: 复制代码 代码如下: $("#search").find("option").remove(); 或者 $("#search").empty();
随机推荐
- JSP 连接MySQL配置与使用
- Jquery easyui 实现动态树
- angularjs实现上拉加载和下拉刷新数据功能
- 原生js模拟淘宝购物车项目实战
- 秘笈:将OEM XP变成零售正版XP
- Java JVM虚拟机运行机制
- 使用SVG基本操作API的实例讲解
- 基于RequireJS和JQuery的模块化编程日常问题解析
- javascript面向对象之访问对象属性的两种方式分析
- ASP.NET MVC中的视图生成实例分析
- 浅析Yii2中GridView常见操作
- JavaScript中判断变量是数组、函数或是对象类型的方法
- ASP同一站点下gb2312和utf-8页面传递参数乱码的终极解决方法
- 关于无限分级(ASP+数据库+JS)的实现代码
- 未处理的事件"PageIndexChanging" 之解决方案
- vue2.0中goods选购栏滚动算法的实现代码
- JavaScript的事件代理和委托实例分析
- js 截取或者替换字符串中的数字实现方法
- 远程连接SQLSERVER 2000服务器方法
- Mongo DB增删改查命令