zoukankan
html css js c++ java
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
js 代码
//
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
;
查看全文
相关阅读:
【Maven实战技巧】「插件使用专题」MavenArchetype插件创建自定义maven项目骨架
☕【权限设计系列】「认证授权专题」微服务架构的登陆认证问题
☕【Java深层系列】「技术盲区」让我们一起探索一下Netty(Java)底层的“零拷贝ZeroCopy”技术(上)
【Redis集群原理专题】分析一下相关的Redis集群模式下的脑裂问题!
🏆【Alibaba中间件技术系列】「RocketMQ技术专题」Broker配置介绍及发送流程、异常(XX Busy)问题分析
☕【难点攻克技术系列】「海量数据计算系列」如何使用BitMap在海量数据中对相应的进行去重、查找和排序
盘点 2021|「避坑宝典」为大家分享一下笔者在 2021 年所遇到“匪夷所思”的 Bug 趣事(上)
🏆【Alibaba中间件技术系列】「RocketMQ技术专题」小白专区之领略一下RocketMQ基础之最!
🍃【Spring专题】「原理系列」SpringMVC的运行工作原理(补充修订)
🏆【Alibaba中间件技术系列】「EasyExcel实战案例」实战研究一下EasyExcel如何从指定文件位置进行读取数据
原文地址:https://www.cnblogs.com/sunfeiwto/p/1334910.html
最新文章
异步循环累加处理
记react 插件使用webpack5打包的一些坑点
plop入门
代码写错分支,如何提交到另一个分支上【Git把当前分支上的修改转移到另一个分支上】 H.U.C
pyspider参数注解
EntityFramework中实体属性添加Attribute精度
Redis安装教程
Linux根目录结构
EXCEL批量导入PowerDesigner
IIS进程回收后第一次访问慢的问题
热门文章
Sqlserver,数据库文件大小和剩余空间,所有表名和行数及空间占用量
tengine 安装和配置
Windows下,terminal美化、命令行美化
0.5px的线
开发环境初始化
🏆【Alibaba中间件技术系列】「Sentinel技术专题」分布式系统的流量防卫兵的基本介绍(入门源码介绍)
【Netty技术专题】「原理分析系列」Netty强大特性之ByteBuf零拷贝技术原理分析
☕【Java实战系列】「技术盲区」Double与Float的坑与解决办法以及BigDecimal的取而代之!
☕【Java深层系列】「技术盲区」让我们一起完全吃透针对于时间和日期相关的API指南
🏆【Alibaba中间件技术系列】「RocketMQ技术专题」帮你梳理RocketMQ或Kafka的选择理由以及二者PK
Copyright © 2011-2022 走看看