Javascript操作select控件代码实例

这篇文章主要介绍了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中 不存在该项");  }  }