- 浏览: 336133 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
xfjt297857539:
不错的!不错的!不错的!
switch和if-else相比 -
1927105:
学习了,之前看过,在复习一下
switch和if-else相比 -
maomaozgc:
1.事先在weblogic 新域中没有任何项目部署下,启动We ...
weblogic9.2部署异常 -
syq689:
所用版本:weblogic92+MyEclipse 6.0.1 ...
weblogic9.2部署异常 -
syq689:
LZ,你好,我现在也遇到这种问题,报的错误也一样,可是新建了一 ...
weblogic9.2部署异常
// 1.判断select选项中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}
// 2.向select选项中 加入一个Item
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
alert("该Item的Value值已经存在");
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
alert("成功加入");
}
}
// 3.从select选项中 删除一个Item
function jsRemoveItemFromSelect(objSelect, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
objSelect.options.remove(i);
break;
}
}
alert("成功删除");
} else {
alert("该select中 不存在该项");
}
}
// 4.删除select中选中的项
function jsRemoveSelectedItemFromSelect(objSelect) {
var length = objSelect.options.length - 1;
for(var i = length; i >= 0; i--){
if(objSelect[i].selected == true){
objSelect.options[i] = null;
}
}
}
// 5.修改select选项中 value="paraValue"的text为"paraText"
function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {
//判断是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
objSelect.options[i].text = objItemText;
break;
}
}
alert("成功修改");
} else {
alert("该select中 不存在该项");
}
}
// 6.设置select中text="paraText"的第一个Item为选中
function jsSelectItemByValue(objSelect, objItemText) {
//判断是否存在
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].text == objItemText) {
objSelect.options[i].selected = true;
isExit = true;
break;
}
}
//Show出结果
if (isExit) {
alert("成功选中");
} else {
alert("该select中 不存在该项");
}
}
// 7.设置select中value="paraValue"的Item为选中
document.all.objSelect.value = objItemValue;
// 8.得到select的当前选中项的value
var currSelectValue = document.all.objSelect.value;
// 9.得到select的当前选中项的text
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
// 10.得到select的当前选中项的Index
var currSelectIndex = document.all.objSelect.selectedIndex;
// 11.清空select的项
document.all.objSelect.options.length = 0;
发表评论
-
Ie中不能动态生成input元素中的name等相关属性
2010-07-06 16:38 2255在IE6,IE7中,如果动态生 ... -
JQuery获取和设置Select选项
2010-02-21 11:25 1375获取Select : 获取select 选中的 tex ... -
用模式对话框实现“消息提示框”和“操作提示框”
2010-01-30 11:05 2201用模式对话框实现“消息提示框”和“操作提示框” 用 a ... -
禁用页面缓存的五种方法
2010-01-28 17:50 1563禁用页面缓存的五种方法 1、在Jsp页面首部<hea ... -
文本输入框中只能输入数字的限制
2010-01-23 11:42 1433/*物品数量 单价输入控 ... -
c:forEach vaStatus 属性
2010-01-23 11:38 915用c:forEach 中vaStatus的属性可以获得迭代的自 ... -
写JS的时候获取select对象的value
2010-01-23 11:35 1745<script language="javas ... -
关于按回车提交表单的问题
2010-01-23 11:34 2148问题域: 在制作网页时,有时候需要在文本框中输入内容时 ... -
display:none和visible:hidden之间的区别
2010-01-23 11:31 1460display:none和visible:hidden都是把网 ... -
解决表单中的文字和文本区域(textarea)上对齐的问题
2009-12-17 10:53 10931问题域: 表单中的文字和文本区域(textarea)上对齐的 ... -
window.top window.self window.parent 对象介绍
2009-12-16 14:25 2650window.top //最顶层窗口 window.self ... -
js 验证电话号码和手机号码错误
2009-12-11 15:28 1498问题: 如何在一个文本域来校验号码: 错误写法: ... -
frame之间的空隙
2009-12-10 17:24 1654关于frame之间的空隙 我的页面用frame分割的,左右两 ... -
checkbox 获得值
2009-12-09 17:33 1697js 如何控制checkbox选中的个数。 如何让value属 ... -
struts异常处理
2009-12-08 15:15 14011.界面--->Action----->servi ... -
css 解决align=absmiddle
2009-12-08 09:10 3295要想让图片和文字垂直居中对齐的话,可以在IMG标签下添加al ... -
javascript escape()函数加密、解密
2009-12-07 12:44 2038escape()函数加密文本解密 有一种加密的办法是采用ja ... -
js 操作cookie (1)
2009-12-07 12:25 1065function getCookie( name ) { ... -
radio disapled readonly 失效传值问题
2009-12-04 16:47 3302问题域: 后台传数据到前台更新页面,要求失效显示角色类 ... -
如何删除dom标签元素
2009-12-04 14:52 1392问题: 如何删除dom标签元素? 解决方案: .. ...
相关推荐
<title>JS 操作 Select 和 Option <script language="JavaScript"> function $(id) { return document.getElementById(id); } function show() { var selectObj = $("area"); var myOption = document....
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
js 操作 select 控件大全是 JavaScript 中对 select 控件的各种操作的集合,包括新增、修改、删除、选中、清空、判断存在等多种操作。下面将对这些操作进行详细的介绍和讲解。 一、 判断 select 选项中是否存在 ...
### Js操作Select大全知识点详解 #### 一、概述 JavaScript(简称JS)是网页开发中不可或缺的一部分,尤其在处理用户界面交互方面具有重要作用。本文档将详细介绍如何利用原生JavaScript和jQuery来操作`<select>`...
### JavaScript操作select大全 在网页开发中,`<select>`元素是用于创建下拉列表的常用HTML标签之一。本文档提供了详细的JavaScript操作`<select>`元素的方法,包括判断选项是否被选中、增删改选项及其属性等实用...
这篇博客“javascript操作Select标记中options集合”深入探讨了如何利用JavaScript动态地管理和操作这些选项。以下是关于这个主题的一些关键知识点: 1. **DOM操作**:在JavaScript中,我们可以使用DOM(Document ...
### JavaScript 操作 Select 下拉框的关键知识点 在 Web 开发中,`<select>` 元素用于创建下拉列表(或选择框)。这些选择框在用户界面中非常常见,可以用来收集用户输入的信息,比如让用户从一系列选项中选择一个...
### JavaScript操作select&&table #### 一、JavaScript操作Select元素 在Web开发中,`<select>`元素用于创建下拉列表。通过JavaScript可以对这些下拉列表进行动态操作,包括添加选项、删除选项、获取选中的值等。...
Javascript操作Select和Option 一个网页 挺全的
根据给定的信息,本文将对JavaScript操作`<select>`元素的方法进行详细介绍,这些方法涵盖了创建、选择、删除选项等操作。 ### 1. 检查`<select>`元素是否存在值为`paraValue`的项 ```javascript function ...
以上代码展示了JavaScript操作`select`元素的一些常见方法。首先,`jsSelectIsExitItem`函数用于检查`select`中是否存在指定`value`的选项。如果存在,它将返回`true`,否则返回`false`。接着,`jsAddItemToSelect`...
根据给定的文件标题、描述、标签以及部分内容,本文将深入解析HTML中使用JavaScript操作`<select>`下拉框的全面方法。`<select>`元素是网页表单中用于创建下拉列表的关键部分,而通过JavaScript,我们可以动态地添加...
### JavaScript操作Select下拉列表框的关键技术点 #### 一、背景与需求分析 在Web应用开发中,经常需要处理用户界面的各种交互行为。本文档介绍了一种利用JavaScript操作Select下拉列表框的方法,旨在满足特定场景...
以上是JavaScript操作`<select>`标签的一些基本方法。在实际开发中,这些功能可能会作为更复杂交互的基础,例如动态加载数据、响应用户事件等。了解并熟练掌握这些操作,对于提升网页的交互性和用户体验至关重要。
JavaScript操作select元素是一个非常实用的前端技能,它可以通过用户与下拉菜单的交互来改变页面上的内容或行为,从而提升用户体验。下面将详细介绍如何使用JavaScript来操作select元素,并通过实例分析来说明其具体...
在JavaScript中操作`<select>`控件是网页开发中常见的需求,涉及到增、删、查、改等操作。本文将详细介绍如何使用JavaScript对`<select>`控件进行各种操作,包括新增选项、修改选项、删除选项、选中特定选项、清空...