- 浏览: 100704 次
- 性别:
- 来自: 广州
文章分类
最新评论
/*------------------------------------------------------ *作者:xieyu @ 2007-08-14 *语言:JavaScript *说明:select元素javascript常用操作 * 1.判断是否存在指定value的Item * 2.加入一个Item * 3.删除值为value的所有Item * 4.删除某一个index的选项 * 5.更新第index项的value和text * 6.设置select中指定text的第一个Item为选中 * 7.设置select中指定value的第一个Item为选中 * 8.得到当前选中项的value * 9.得到当前选中项的index * 10.得到当前选中项的text * 11.清空所有选项 -------------------------------------------------------*/ //1.判断是否存在指定value的Item function ExistValue(obj,value){ for(var i=0;i<obj.options.length;i++){ if(obj.options[i].value == value){ return true; } } return false; } //2.加入一个Item function AddItem(obj,text,value){ var varItem = new Option(text,value); obj.options.add(varItem); } //3.删除值为value的所有Item function RemoveItems(obj,value){ for(var i=0;i<obj.options.length;i++){ if(obj.options[i].value == ItemValue){ obj.options.remove(i); } } } //4.删除某一个index的选项 function RemoveItem(obj,index){ obj.options.remove(index); } //5.更新第index项的value和text function UpdateItem(obj,index,value,text){ obj.options[index].value = value; obj.options[index].text = text; } //6.设置select中指定text的第一个Item为选中 function SelectItemByText(obj,text){ var isExit = false; for(var i=0;i<obj.options.length;i++){ if(obj.options[i].text == text){ obj.options[i].selected = true; return true; } } return false; } //7.设置select中指定value的第一个Item为选中 function SelectItemByValue(obj,value){ var isExit = false; for(var i=0;i<obj.options.length;i++){ if(obj.options[i].value == value){ obj.options[i].selected = true; return true; } } return false; } //8.得到当前选中项的value,index,text function GetValue(obj){ return obj.value; } //9.得到当前选中项的index function GetIndex(obj){ return obj.selectedIndex; } //10.得到当前选中项的text function GetText(obj){ return obj.options[obj.selectedIndex].text; } //11.清空所有选项 function Clear(obj){ obj.options.length = 0; }
来自:http://xieyu.blog.51cto.com/213338/38617
发表评论
-
【转】导出网页中的table到excel 使用Java方式
2011-08-04 12:02 1705response.setContentType(&qu ... -
【转】oracle 行转列
2011-05-12 14:50 952数据库查询中难免会遇到行列转换的情况,摘列一些较精典的 ... -
【转】使用Spring的NamedParameterJdbcTemplate完成DAO操作
2011-04-22 15:33 1127NamedParameterJdbcTemplate内 ... -
【转】使用Spring的SimpleJdbcTemplate完成DAO操作
2011-04-22 15:31 1012SimpleJdbcTemplate内部包含了一个Na ... -
【转】Servlet实现文件下载的源码
2011-04-18 11:37 620一、如何使用如果此Servlet命名为download ... -
【转】Oracle:Merge Into 语句代替Insert/Update在Oracle中的应用实战
2011-04-13 14:30 2077动机: 想在Oracle中 ... -
【转】直接把EXCEL粘贴到网页上
2011-04-06 08:33 1251<html> <meta http- ... -
【转】word 任意页开始插入页码
2011-03-31 15:45 1099一、如果你想从第二页开始插入页码的话: 1、将鼠标定位 ... -
【转】最简单的java模板引擎——JTPL
2011-03-27 15:31 2525sample1.jtpl < ... -
【转】JS特效代码大全(七)超全的JS树形菜单共享
2011-03-25 08:59 1271JS特效代码大全(七)超全的JS树形菜单共享 标 ... -
【转】JavaScript获取select的值全解
2011-03-24 15:53 849获取显示的汉字 document.getElemen ... -
【转】常用的JavaScript验证正则表达式
2011-03-07 13:22 775下面都是我收集的一些比较常用的正则表达式,因为平常可能在 ... -
【转】flex的问题解决
2011-02-27 03:05 1309出自:http://www.iteye.com/problem ... -
【转】软考、职称、职称资格及三者之间的关系
2010-08-02 09:19 1508目前,人事部 ... -
【转】如何学Flex
2010-07-31 18:54 890如何学Flex 近由于 ... -
【转】javamail发送邮件的简单实例
2010-07-29 11:19 1171今天学习了一下JavaMail,javamail发送 ... -
【转】hibernate的Criteria Query
2010-07-29 10:03 1165当查询数据时,人们往往需要设置查询条件。在SQL或HQ ...
相关推荐
以上就是针对`<select>`元素在JavaScript中的一些常用操作方法,这些方法可以大大增强页面的动态性和交互性,提高用户的使用体验。在实际开发中,灵活运用这些方法可以实现更多复杂的功能,如动态加载数据、条件过滤...
### JavaScript操作表单Select元素的常用步骤 在Web开发中,`<select>`标签用于创建一个下拉列表供用户选择选项。使用JavaScript可以方便地控制这些下拉列表的行为,例如添加、删除或修改选项等。下面详细介绍如何...
本文档提供了详细的JavaScript操作`<select>`元素的方法,包括判断选项是否被选中、增删改选项及其属性等实用功能。下面将详细介绍这些方法。 #### 一、判断是否选中 **功能描述:** 判断指定值的`<option>`元素...
本文将基于提供的文件信息,深入解析一系列JavaScript常用操作技巧及其应用场景。 #### 1. 屏蔽鼠标右键 - **代码示例**: ```javascript oncontextmenu="window.event.returnValue=false" ``` - **解释**:...
### JavaScript常用语句精选 #### 一、概述 在网页开发中,JavaScript 是一种非常重要的客户端脚本语言,被广泛应用于交互式网站的设计与实现。本文档中的代码片段虽然较为特殊且不易理解,但其中涉及到了一些关键...
本篇文章将探讨“多选select组件涉及的所有常用操作”,并结合提供的`mulSelectOperator.js`文件,来深入理解其背后的实现原理和常见操作。 1. **基本结构** 多选select组件在HTML中的基本结构是`<select>`标签,...
### JavaScript 常用语句详解 #### 一、输出语句:`document.write("")` `document.write("")` 是一种简单的方式将文本直接输出到HTML文档流中。它通常用于测试目的,因为这种方式会覆盖页面内容,对于动态更新UI...
以上只是JavaScript常用代码的一部分,实际应用中还有更多复杂且实用的功能,如AJAX异步通信、定时任务、动画效果、模板引擎等。通过不断学习和实践,你可以掌握更高级的JavaScript技巧,为网页开发带来无限可能。在...
在HTML中,`<select>`元素常用于创建下拉列表,而JavaScript则提供了操作这些下拉列表的强大功能。本文将深入探讨如何使用JavaScript来操作Select及其内部的Option。 1. **动态创建 Select** 使用`document....
### JavaScript 常用知识点梳理 #### 一、基本语法及文档结构 1. **输出语句**: `document.write("")` 是一种简单的输出方法,它会将括号内的内容直接写入当前文档流中。 2. **注释**: JavaScript 支持两种类型的...
根据提供的文件信息,我们可以整理出一系列...以上就是根据提供的文件信息整理出来的JavaScript常用方法及其详细解释。这些知识点覆盖了从基础语法到高级功能的各个方面,对于初学者和有一定经验的开发者都非常有用。
在JavaScript编程中,掌握一些常用的小技巧可以极大地提高开发效率和代码质量。以下是一些从网络上整合的实用技巧,特别适合初学者学习。 1. 事件源对象:`event.srcElement` 可以获取触发事件的元素,而 `event....
### 常用JavaScript语句详解 #### 1. `document.write("")`...以上就是从提供的内容中整理出的JavaScript常用语句及其解释。这些语句涵盖了JavaScript编程的基础知识和技术要点,对于学习和使用JavaScript非常有帮助。
向select元素中添加option是常用的操作之一,可以通过以下两种方式实现: - 使用`.append()`方法:此方法向select元素内部追加一个option元素。例如: ```javascript $('#id').append('<option value="value">Text...
### JavaScript常用对象详解 在深入探讨JavaScript的常用对象之前,我们先来理解一下JavaScript作为一种脚本语言,在网页开发中的核心作用。JavaScript使网页具备了动态交互能力,它可以通过操作页面对象和执行各种...
在网页开发中,JavaScript 是一种常用的脚本语言,用于实现客户端的交互功能。下拉框(Select)是HTML表单中的一个重要元素,用于提供用户选择一个或多个选项。本文将详细介绍JavaScript操作下拉框的常见方法。 1. ...
- `onFocus`:当元素获取焦点时触发,用于在用户开始输入时执行某些操作。 - `onChange`:在输入框内容改变且失去焦点后触发,适合于实时检查或更新输入内容。 - `onSelect`:当用户选中文本时触发,可用于处理...
在JavaScript中,`select`元素和`option`元素是HTML表单中常用的部分,用于创建下拉列表。本文将深入探讨如何使用JavaScript操作这些元素,包括添加、删除、修改选项以及处理选择变化的事件。 首先,`select`元素是...