這篇文章主要介紹了Javascript操作select控件代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

新增、修改、刪除、選中、清空、判斷存在等

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[objselect.options.length] = varitem;    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中 不存在該項");  }  }