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
;
查看全文
相关阅读:
mac idea 更换主题
记一次Sonarqube踩坑实录
Mysql 常用数据类型
Spring Cloud 整合分布式链路追踪系统Sleuth和ZipKin实战,分析系统瓶颈
git clone克隆github仓库慢,问题解决
SpringBoot 解决跨域问题
Android 中的敏感信息泄露
Drozer 测试 APP
Drozer 安装踩坑日记
安卓测试笔记--工具安装
原文地址:https://www.cnblogs.com/sunfeiwto/p/1334910.html
最新文章
一篇文章带你了解SVG 渐变知识
一篇文章带你了解CSS3圆角知识
一篇文章带你了解CSS对齐方式
一篇文章带你了解CSS 分页实例
表单检查清单
从零开始学习各种常见未授权访问漏洞
内网穿透的常用方法总结
【红日安全-VulnStack】ATT&CK实战系列——红队实战(—)
通过Portwigge的Web安全漏洞训练平台,学习SSRF
利用数据库拿shell的一些姿势
热门文章
Mac Idea中获取application.properties的值,中文乱码
SpringBoot获取不到application.properties的值
Java 关于策略模式+简单工厂模式下的思考
SpringBoot 整合模板引擎 jetbrick-template
SpringBoot整合阿里短信服务
SpringBoot 实现微信推送模板
SpringBoot 整合邮件oh-my-email 实现发送邮件功能
Mysql binlog备份数据及恢复数据,学会这个,我在也不怕删库跑路啦~
Mysql数据安全备份
Linux上Mysql数据库 用户权限控制
Copyright © 2011-2022 走看看