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