select 的几本操作:
1.验证存在性 --->isExistValue(selectObj,value);
2.注册新项 --->AddNewItem(selectObj,selectText,selectValue);
3.移除项 --->DeleteItem(selectObj,selectValue);
4.删除选中的项 --->DeleteSelectedItem(selectObj);
5.设置item为第一个项 --->SetSelectedFirst(selectObj,value);
6.设置item为选中项 --->SetSelectedItem(selectObj,value);
7.清空select --->ClearSelect(selectObj);
详细说明:
selectObj是select控件对象 var selectObj=document.getElementById('select1');
1.验证存在性
function isExistValue(selectObj,value)
{
var isExist=false;
for(var i=0;i<selectObj.options.length;i++)
{
if(selectObj.options[i].value==value)
{
isExist=true;
}
}
return isExist;
}
2.注册新项
function AddNewItem(selectObj,selectText,selectValue)
{
if(isExistValue(selectObj,selectValue))
{
alert("已存在值:"+selectValue);
return false;
}
var opt=new Option(selectText,selectValue)
selectObj.options.add(opt)
}
3.移除项
function DeleteItem(selectObj,selectValue)
{
if(!isExistValue(selectObj,selectValue))
{
alert("不存在该项!");
return false;
}
for(var i=0;i<selectObj.options.length;i++)
{
if(selectObj.options[i].value==selectValue)
selectObj.options.remove(i);
}
}
4.删除选中的项
function DeleteSelectedItem(selectObj)
{
if(selectObj.options.length==0)
{
alert("没有数据!");
return false;
}
var index=selectObj.options.selectedIndex;
var val=selectObj.options[index].value;
if(isExistValue(selectObj,val))
{
alert("删除成功:"+val);
selectObj.options.remove(index);
}
else
{
alert("不存在!");
}
}
5.设置item为第一个项
function SetSelectedFirst(selectObj,value)
{
if(!isExistValue(selectObj,value)){
alert("不存在此项!");
return false;
}
var len=selectObj.options.length;
for(var i=0; i<len ; i++)
{
if(selectObj.options[i].value==value)
{
selectObj.options[i].selected=true;
break;
}
}
}
6.设置item为选中项
function SetSelectedItem(selectObj,value)
{
if(!isExistValue(selectObj,value)){
alert("不存在此项!");
return false;
}
var len=selectObj.options.length;
for(var i=0; i<len ; i++)
{
if(selectObj.options[i].value==value)
{
selectObj.textvalue=value;
break;
}
}
}
7.清空select
function ClearSelect(selectObj)
{
selectObj.options.length=0;
}