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
;
查看全文
相关阅读:
设计模式之单例模式
Java反射之调用内部类
Java反射之修改常量值
myBatis之入门示例
eclipse创建maven工程
java核心卷轴之集合
java核心卷轴之泛型程序设计
sublime常用快捷键
sublime使用package control安装插件
sublime使用技巧之添加到右键菜单、集成VI
原文地址:https://www.cnblogs.com/sunfeiwto/p/1334910.html
最新文章
Python中__get__, __getattr__, __getattribute__的区别及延迟初始化
Django REST Framework API Guide 08
Linux 系统 Composer 安装
Laravel —— 自定义登录
Win10 系统 Mysql 安装
Laravel —— tips 总结
Laravel —— 路由问题
Laravel —— 特殊分页
Laravel —— 多模块开发
Laravel —— batch 实现
热门文章
SSL 部署,实现 https 化
Cmder 常用配置
JVM之基本结构
Java反射之基础概念
JVM之浮点数(float)表示
Oracle内置存储过程之DBMS_OUTPUT
Mybatis之注解实现动态sql
js日期处理函数 -- 判断闰年,获取当月的总天数、添加月份
myBatis之Clob & Blob
mybatis之级联关系(一对一、一对多)
Copyright © 2011-2022 走看看