zoukankan
html css js c++ java
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等)
1
判断select选项中 是否存在Value="paraValue"的Item
2
向select选项中 加入一个Item
3
从select选项中 删除一个Item
4
删除select中选中的项
5
修改select选项中 value="paraValue"的text为"paraText"
6
设置select中text="paraText"的第一个Item为选中
7
设置select中value="paraValue"的Item为选中
8
得到select的当前选中项的value
9
得到select的当前选中项的text
10
得到select的当前选中项的Index
11
清空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
;
查看全文
相关阅读:
频繁FGC解决方案
ThreadLocal
Session与Cookie
Socket通信流程
SpringBoot面试题
面向对象3大特性:封装、继承、多态——继承(继承方法的重写和初始化顺序、final & super关键字、Object类)
面向对象3大特性:封装、继承、多态——封装(this 、访问修饰符、内部类)
java类和对象、构造方法、静态变量、静态方法、静态初始化块
数组的使用、eclipse调试程序、练习小demo以及方法的定义和重载
java中的条件语句if...else... switch 和循环语句while do...while for
原文地址:https://www.cnblogs.com/yidianfeng/p/1508357.html
最新文章
HPS 访问 FPGA 方法之二 —— 用Uboot程序进行访问
HPS 访问 FPGA 方法之一 —— 裸机程序 点亮LED
【FAQ】三个子卡HDMI-FMC 和 HDMI-TX 和 HDMI-RX 对 EDID 的 处理 电路图怎么看?
【FAQ】关于 Interval Timer Intel FPGA IP 的 Edgecapture 寄存器的理解
【FAQ】我在VNC上栽的坑(都是全角冒号惹的祸)
【数论】C++实现中国剩余定理求一次同余方程组
P1024 一元三次方程求解(分治算法)
P1167 刷题
P2026 求一次函数解析式
P1029 最大公约数和最小公倍数问题
热门文章
递推算法--流感传染(1191)
P1101 单词方阵
P1781 宇宙总统
P1618 三连击(升级版)
P1618.Cantor表
如何查看CPU消耗最高的线程
Map
Set集合
Hashmap头插法死循环
OOM解决方案
Copyright © 2011-2022 走看看