javascript下拉列表常用操作

本文提供了一套实用的JavaScript函数集合,用于操作HTML中的Select元素,包括查找、添加、删除选项等,并介绍了如何获取和设置选中项。
/*------------------------------------------------------
* 1.判断是否存在指定value的Item
* 2.加入一个Item
* 3.删除值为value的所有Item
* 4.删除某一个index的选项
* 5.更新第index项的value和text
* 6.设置select中指定text的第一个Item为选中
* 7.设置select中指定value的第一个Item为选中
* 8.得到当前选中项的value
* 9.得到当前选中项的index
* 10.得到当前选中项的text
* 11.清空所有选项
-------------------------------------------------------*/
//1.判断是否存在指定value的Item
function ExistValue(obj,value){
for(var i=0;i<obj.options.length;i++){
if(obj.options[i].value == value){
return true;
}
}
return false;
}
//2.加入一个Item
function AddItem(obj,text,value){
var varItem = new Option(text,value);
obj.options.add(varItem);
}
//3.删除值为value的所有Item
function RemoveItems(obj,value){
for(var i=0;i<obj.options.length;i++){
if(obj.options[i].value == ItemValue){
obj.options.remove(i);
}
}
}
//4.删除某一个index的选项
function RemoveItem(obj,index){
obj.options.remove(index);
}

//5.更新第index项的value和text
function UpdateItem(obj,index,value,text){
obj.options[index].value = value;
obj.options[index].text = text;
}

//6.设置select中指定text的第一个Item为选中
function SelectItemByText(obj,text){
var isExit = false;
for(var i=0;i<obj.options.length;i++){
if(obj.options[i].text == text){
obj.options[i].selected = true;
return true;
}
}
return false;

}
//7.设置select中指定value的第一个Item为选中
function SelectItemByValue(obj,value){
var isExit = false;
for(var i=0;i<obj.options.length;i++){
if(obj.options[i].value == value){
obj.options[i].selected = true;
return true;
}
}
return false;

}
//8.得到当前选中项的value,index,text
function GetValue(obj){
return obj.value;
}
//9.得到当前选中项的index
function GetIndex(obj){
return obj.selectedIndex;
}
//10.得到当前选中项的text
function GetText(obj){
return obj.options[obj.selectedIndex].text;
}
//11.清空所有选项
function Clear(obj){
obj.options.length = 0;
}

---------------------
javascript 操作 select 分类:JAVASCRIPT2007.3.28 00:58 作者:比比 | 评论:0

| 阅读:1424


function checkSelectByValue(selObj,value,bSelected){
if (bSelected == undefined || bSelected =="")
{
bSelected = true;
}
for (var i =0; i< selObj.options.length ; i++)
{
if (selObj.options[i].value==value)
{
selObj.options[i].selected = bSelected;
break;
}
}

}

function checkSelectByText(selObj,text,bSelected){
if (bSelected == undefined || bSelected =="")
{
bSelected = true;
}
for (var i =0; i< selObj.options.length ; i++)
{
if (selObj.options[i].text==text)
{
selObj.options[i].selected = bSelected;
break;
}
}

}





11 检测是否有选中
2if(objSelect.selectedIndex > -1) {
3//说明选中
4} else {
5//说明没有选中
6}
7
82 删除被选中的项
9objSelect.options[objSelect.selectedIndex] = null;
10
113 增加项
12objSelect.options[objSelect.length] = new Option("你好","hello");
13
144 修改所选择中的项
15objSelect.options[objSelect.selectedIndex] = new Option("你好","hello");
16
175 得到所选择项的文本
18objSelect.options[objSelect.selectedIndex].text;
19
206 得到所选择项的值
21objSelect.options[objSelect.selectedIndex].value;


本文来自优快云博客,转载请标明出处:

http://blog.youkuaiyun.com/Donny_zhang/archive/2008/10/16/3085232.aspx
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值