[javascript基础控件操作]--select操作


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;
}
       


你可能感兴趣的:([javascript基础控件操作]--select操作)