javascript options属性集合操作代码
<form name="testform">
<select name="testselect">
<option value="first">first option</option>
<option value="second">second option</option>
<option value="third">third option</option>
<option>your browser can't handle this script</option>
</select>
</form>
// 得到选项对象
document.forms['testform'].testselect.options[i]
document.forms['testform'].testselect.options[i] = null;
把这个选项对象标志为null,这个选项就完全从列表中删除了。
注意:这个操作会影响option的数量。假设在上面的实例中,你删除了option[1] ,原来的option[2] 元素('Third option')会变成option[1] 元素(option元素按照先后顺序顶上去)。
创建一个新的option,如下:
代码如下:
document.forms['testform'].testselect.options[i] = new Option('new text','new value');
用户在页面中看到option显示的文本和value值是这个option的VALUE 属性。
当表单提交时,VALUE 值传递到WEB服务器。
如果想要全部清空 select box 中的options, 如下:
代码如下:
document.forms['testform'].testselect.option.length = 0;
相关推荐
-
js 解决“options为空或不是对象”
昨天在做ip/pv统计的页面的时候遇到一个奇怪的问题,我在页面里放了一个select控件,控件的id是selectMonth但用js动态增加它的option的时候,老提示脚本错误:"options为空或不是对象",但用document.form1.xx或document.getElementById是能取到对象的. 找了好久都找不到原因,没办法,只有绕一条远路,在原来放select控件的放一个div,然后用js动态创建一个select,然后把select放到div里. 本来就这样算了,
-
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
-
JavaScript通过select动态更换图片的方法
本文实例讲述了JavaScript通过select动态更换图片的方法.分享给大家供大家参考.具体分析如下: 下面的JS代码在select列表变化时触发SetBeerIcon()函数,SetBeerIcon()函数可以根据select选择的值动态修改图片 ... <script language="JavaScript" type="text/javascript" > function setBeerIcon() { var beerIcon = doc
-
javascript操作select元素实例分析
本文实例讲述了javascript操作select元素的用法.分享给大家供大家参考.具体分析如下: 这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮. 当选择select中某一项时改变其文字,当select中所有项的文字都改变后,重新恢复它们. 当按下submit时关闭窗口本身,代码如下: <!DOCTYPE html> <html> <head> <title>duang for se
-
javascript select options 排序(保持option 对象完整性)
function addOption(object, object2) { each(object2, function(o, index) { object.options[index] = o; }) } function sortlist(sortName,isDesc) { var what = document.getElementById(sortName); this._options = map(what.options, function(o) { return o; });
-
javascript对下拉列表框(select)的操作实例讲解
这篇文章,主要是关于javascript和select相关的最基本方法,以供不熟悉javascript的人参考.常见的情况是,提出表单结构的人, 不仅仅需要为程序设计逻辑,创建数据结构,还需要设计表单的样式,以及熟悉javascript:某些公司可能会要求您精通photoshop:最初的时候,我们都是全才. 下面是我们例子的基础:这不是一个标准的表单. <form id="f"> <select size="1" name="s"
-
js给selected添加options的方法
本文实例讲述了js给selected添加options的方法.分享给大家供大家参考.具体实现方法如下: <select id="Mmonth"> <option>1</option> </select> <input type="button" onclick="a()" value="添加"/> <script> function a(){ docume
-
javascript实现无限级select联动菜单
代码很简单,这里主要是给大家推荐一下本代码的实现思路,别具一格. 奉上代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g
-
javascript options属性集合操作代码
复制代码 代码如下: <form name="testform"> <select name="testselect"> <option value="first">first option</option> <option value="second">second option</option> <option value="third
-
JavaScript对象链式操作代码(jquery)
虽然现在慢慢减少了对jQuery的使用(项目上还是用,效率高点.平时基本不用了),希望从而减少对jQuery的依赖度. 但是这链式操作的方式实在吸引人(貌似现在不少新库都采用了链式操作). 新手无畏嘛,所以写了以下代码.主要是避免以后又忘了,呵呵. 复制代码 代码如下: window.k = function() { return new k.fn.init(arguments); } k.fn = k.prototype = { init:function() { this.length =
-
javascript中对Attr(dom中属性)的操作示例讲解
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>20120430d
-
JavaScript对象属性操作实例解析
这篇文章主要介绍了JavaScript对象属性操作实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 在js对象中,我们可以对对象属性进行操作. 上图的要点为:for-in会把原型链上的可枚举属性也列出来. 上图的要点为:可以使用逻辑运算符&&进行层层查找对象是否为undefined,从而在赋值过程中不报错. 上图的要点为: 1.delete不存在的属性,依旧返回true. 2.Object.getOwnPropertyDescrip
-
java list集合排序按某一属性排序操作
我就废话不多说了,大家还是直接看代码吧~ public List<FreightM> sortList(List<FreightM> list){ Collections.sort(list, new Comparator<FreightM>(){ @Override public int compare(FreightM o1, FreightM o2) { if(o1.getType()==0){ return -1; }else{ return 1; } } })
-
JavaScript直播评论发弹幕切图功能点集合效果代码
一.代码 html+js <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>数发直播平台</title> <link rel="stylesheet" type="text/css" href="css/common.css"> <link rel="styl
-
JavaScript登录记住密码操作(超简单代码)
废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>记住密码</title> </head> <bo
-
JS switch判断 三目运算 while 及 属性操作代码
三 目运算:如var a = 10: var b= 12: c = a>b ?a:b; 若成立执行a否则执行b var isHide = true; 若用if判断语句如下 if(isHide) { box.style.display = "block"; } else { box.style.display = "none"; } 三目运算替代if box.style.display = isHide?"block":"none&
-
PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例
概要 应同学邀请,演示如何使用 PyQt5 内嵌浏览器浏览网页,并注入 Javascript 脚本实现自动化操作. 下面测试的是一个廉价机票预订网站(http://www.flyscoot.com/),关键点如下 使用 QWebEngineView 加载网页,并显示进度. 在默认配置(QWebEngineProfile)中植入 Javascript 内容,这样脚本会在所有打开的网页中执行,不论跳转到哪个网址. Javascript 脚本使用网址中的路径名,判断当前网页位置,从而决定执行哪种操作.
-
java8实现list集合中按照某一个值相加求和,平均值等操作代码
集合: List<User> user = new User(); user .stream().collect(Collectors.summingInt(User::getAge)) 参数类型: summarizingDouble 统计数据(double)状态, 其中包括count min max sum和平均值 summarizingInt 统计数据(int)状态, 其中包括count min max sum和平均值 summarizingLong 统计数据(long)状态, 其中包括c
随机推荐
- Zend Framework教程之Zend_Registry对象用法分析
- Mysql数据表分区技术PARTITION浅析
- 如何利用AngularJS打造一款简单Web应用
- bootstrap精简教程_动力节点Java学院整理
- LiteSpeed服务器用htaccess的防盗链代码
- 用.NET如何生成二维码
- 浅谈Javascript事件对象
- js基础之DOM中元素对象的属性方法详解
- asp.net在iframe中弹出信息并执行跳转问题探讨
- php去除二维数组的重复项方法
- php+redis在实际项目中HTTP 500: Internal Server Error故障排除
- python中引用与复制用法实例分析
- Centos5.x下升级python到python2.7版本教程
- C#函数式编程中的惰性求值详解
- php实现zip文件解压操作
- 用Ajax来控制书签和回退按钮的代码
- jQuery实现Div拖动+键盘控制综合效果的方法
- js 数值转换为3位逗号分隔的示例代码
- JQuery 学习笔记 选择器之二
- 利用JS hash制作单页Web应用的方法详解