- 浏览: 666953 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (302)
- 知识库 (51)
- lucene (8)
- 数据结构 (7)
- 问题及解决方法 (97)
- Quartz (4)
- JavaScript (26)
- java 基础 (40)
- 休闲 (9)
- 数据库相关 (32)
- 面试题 (4)
- Hibernate (5)
- Struts (11)
- JBPM (2)
- Spring (3)
- ajax (7)
- Flex (0)
- 报表 (4)
- 打印 (2)
- prototype (3)
- Struts2 (3)
- JQUERY (4)
- Ruby (0)
- Linux (9)
- Android (3)
- Objective-c (2)
- Python (8)
- map (1)
- mybatis (3)
- php (2)
- ios (0)
- 问题及解决方法 struts2 spring ognl resion tomcat (0)
- 问题及解决方法 struts2 spring ognl resin tomcat (1)
- c++ (2)
- 问题及解决方法 upload.parseRequest(request) 为空 (1)
- Eclipse maven tomcat (1)
- 知识库 服务器配置 (1)
- sersync2 (1)
- Maven Jetty Plugin 配置指南(翻译) (1)
最新评论
-
jgroups:
...
遇到Causedby:java.lang.NoClassDefFoundError:javax/validation/ParameterNameProvider -
dmyccc:
第二种方法还是很佩服楼主的,但是多少感觉有点投机取巧了。但是确 ...
spring mvc整合kindeditor文件上传问题 -
du_bo:
在xx-servlet.xml中这样配置<bean id ...
spring mvc整合kindeditor文件上传问题 -
java梦之翼:
太感谢了, 问题得到解决, 感谢
异常org.mybatis.spring.transaction.SpringManagedTransactionFactory.newTransaction -
du_bo:
这是我的上传package com.sp.controller ...
spring mvc整合kindeditor文件上传问题
先来看看options集合的这几个方法:
options.add(option)方法向集合里添加一项option对象;
options.remove(index)方法移除options集合中的指定项;
options(index)或options.item(index)可以通过索引获取options集合的指定项;
obj.options(index).selected=true; 可以使某一个option处于选择状态
var selectTag = null; //select标记 var OPTONLENGTH = 10; //每次填充option数 var colls = []; //对select标记options的引用 window.onload = function(){ selectTag = document.getElementById("SelectBox"); //获取select标记 colls = selectTag.options; //获取引用 //initSelectBox(); //自初始化select.options }; //使用随机数填充select.options function initSelectBox(){ var random = 0 ; var optionItem = null; var item = null; if(colls.length > 0 && isClearOption()){ clearOptions(colls); } for(var i=0;i<OPTONLENGTH;i++){ random = Math.floor(Math.random()*9000)+1000; item = new Option(random,random); //通过Option()构造函数创建option对象 selectTag.options.add(item); //添加到options集合中 } watchState(); } //添加新option项前是否清空当前options function isClearOption(){ return document.getElementById("chkClear").checked; } //清空options集合 function clearOptions(colls){ var length = colls.length; for(var i=length-1;i>=0;i--){ colls.remove(i); } } //添加一项新option function addOption(){ colls.add(createOption()); lastOptionOnFocus(colls.length-1); watchState(); } //创建一个option对象 function createOption(){ var random = Math.floor(Math.random()*9000)+1000; return new Option(random,random); } //删除options集合中指定的一项option function removeOption(index){ if(index >= 0){ colls.remove(index); lastOptionOnFocus(colls.length-1); } watchState(); } //获取当前选定的option索引 function getSelectedIndex(){ return selectTag.selectedIndex; } //获取options集合的总数 function getOptionLength(){ return colls.length; } //获取当前选定的option文本 function getCurrentOptionValue(index){ if(index >= 0) return colls(index).value; } //获取当前选定的option值 function getCurrentOptionText(index){ if(index >= 0) return colls(index).text; } //使用options集合中最后一项获取焦点 function lastOptionOnFocus(index){ selectTag.selectedIndex = index; } //显示当select标记状态 function watchState(){ var divWatch = document.getElementById("divWatch"); var innerHtml=""; innerHtml = "option总数:" + getOptionLength(); innerHtml += "<br/>当前项索引:" + getSelectedIndex(); innerHtml += "<br/>当前项文本:" + getCurrentOptionText(getSelectedIndex()); innerHtml += "<br/>当前项值:" + getCurrentOptionValue(getSelectedIndex()); divWatch.innerHTML = innerHtml; divWatch.align = "justify"; }
注意到上面创建option项时,使用了Option()构造函数,这个构造函数有两个版本的重载。
1、var option = new Option(text,value); //这里要大写Option()
2、var option = new Option();
option.text = text;
option.value=value;
我个人比较喜欢第一种方法来创建option对象。
另外,select标记还有一个比较有用的属性就是selectedIndex,通过它可能获取当前选择的option索引,或通过索引设置指定options集合中哪一项被选择。
select.selctedIndex = select.options.length-1; //将options集合中最后一项选中
var selectedItem = select.options(select.selectedIndex);//获取当前选中项
selectedItem.text; //选中项的文本
selectedItem.value; //选中项的值
<BODY>
<Select name="SelectBox">
</Select>
<hr/>
<div id="divWatch" style="background-color:beige;width=220;">
</div>
<hr/>
<h4>使用随机数初始化SelectBox</h4>
<input type="button" value="Init" onclick="initSelectBox()"/> <input type="checkbox" name="chkClear"/>clear
<hr/>
<h4>添加option项</h4>
<input type="button" value="create" onclick="addOption()"/>
<hr/>
<h4>删除option项</h4>
<input type="button" value="delete" onclick="removeOption(colls.length-1)"/>
</BODY>
<转自:http://www.cnblogs.com/kensonwang/archive/2007/06/28/798984.html>
发表评论
-
JSON和JSONP
2013-08-01 11:53 891由于Sencha Touch 2这种开 ... -
jQuery控制IFRAME父窗口元素
2012-08-31 10:09 1509iframe在复合文档中经常用到,利用jquery操作 ... -
jquery 实现iframe 自适应高度
2012-08-31 09:50 895超级简单的方法,也不用写什么判断浏览器高度、宽度啥的。下面的两 ... -
jquery 动态加载 select
2012-07-21 23:10 6354jquery 动态加载 select var d ... -
JS 回到顶部
2012-05-25 18:03 934<a href="#top" tar ... -
javaScript document对象详解
2010-04-28 19:38 917Document对象内容集合 document 文挡对象 ... -
window.returnValue
2010-04-27 16:11 2084returnValue是javascript中htm ... -
JQuery 日期控件
2010-04-16 11:54 2589JQuery提供了很多控件 ... -
<a href="#" onclick=""> 不能不知道的技巧
2010-04-12 14:42 1889今天遇到 一点击 连接就自动转到首页 开始的时候 连接 ... -
JS 关闭窗口
2009-12-02 12:57 1744javascript捕获窗口关闭事件有两种方法 onbe ... -
JS全选checkBox最佳方案
2009-11-18 13:51 1316input type="button" n ... -
WEB页面导出为WORD,EXCEL文档的方法
2009-05-21 16:01 2020<html> <HEAD> ... -
js判断输入是否为正整数、浮点数等数字的函数
2009-05-18 15:30 28021.下面列出了一些判读数值类型的正则表达式 "^\\ ... -
javascript 中的整除
2009-05-05 14:56 2161javascript中没有整除运算符,如何实现整除呀?比如 1 ... -
23个免费的AJAX树菜单组件
2009-03-29 12:56 1610<noscript type="text/ ... -
限制文本框只能输入数字
2009-03-23 15:14 13571. <input onkeyup="if( ... -
javaScript 截取字符串
2009-03-20 15:53 1513两种方法: String.substr(N1,N2) 这个就是 ... -
一段神奇的js代码
2009-02-10 17:58 1164发现一段神奇的js代码,用法:将下面这段代码放到你的浏览器地址 ... -
实用且不花哨的js代码大全
2009-01-05 13:45 900网上找的,以后用的时候慢慢查 事件源对象 event.sr ... -
打开,关闭窗口
2009-01-04 15:36 1149<html> <head> ...
相关推荐
javascript操作Select标记中options集合 先来看看options集合的这几个方法: options.add(option)方法向集合里添加一项option对象; options.remove(index)方法移除options集合中的指定项; options(index)或options...
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
JavaScript操作select JavaScript操作table
对select的详细操作 1判断是否选中 2对属性的增删改成 3分类源码
Javascript操作Select和Option 一个网页 挺全的
javascript options属性集合操作代码.docx
html最全的js javascript操作select 下拉框
里面提供 并解决所有获得select下拉框里面的值 很有帮助
使用JavaScript模拟select
javascript 操作表单select的常用步骤,删除,添加,修改 用代码实现,一看就明白理解用法
javascript 操作select下拉列表框的一点小经验.docx
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
JavaScript对Select的操作
现在步入正题,看到书中讲Form元素的操作,像Textbox、Button、Label等,都还是比较简单的,只是看到Select时,稍微有些复杂,于是就想仔细研究研究,于是就有了这篇文章。Select的操作包括动态添加、删除、移动、...
javascript options属性集合操作代码,一般情况需要控制option的朋友朋友需要了解的知识。
javascript 获取select ->option中id、value、label属性及<option></option>中内容
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等) JavaScript 1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item...
主要介绍了javascript操作select元素的方法,可实现针对select元素选中元素时动态改变html元素的技巧,具有一定参考借鉴价值,需要的朋友可以参考下