js 操作select相关方法函数_表单特效

1.判断select选项中 是否存在value="paravalue"的item2.向select选项中 加入一个item3.从select选项中 删除一个item4.修改select选项中 value="paravalue"的text为"paratext"5.设置select中text="paratext"的第一个item为选中6.设置select中value="paravalue"的item为选中7.得到select的当前选中项的value8.得到select的当前选中项的text9.得到select的当前选中项的index10.清空select的项-------------------------------------------//1.判断select选项中 是否存在value="paravalue"的itemfunction 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选项中 加入一个itemfunction 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选项中 删除一个itemfunction 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选项中 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中 不存在该项");    }    }

//5.设置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中 不存在该项");    }    }

//6.设置select中value="paravalue"的item为选中//document.all.objselect.value = objitemvalue;

//7.得到select的当前选中项的value//var currselectvalue = document.all.objselect.value;

//8.得到select的当前选中项的text//var currselecttext = document.all.objselect.options[document.all.objselect.selectedindex].text;

//9.得到select的当前选中项的index//var currselectindex = document.all.objselect.selectedindex;

//10.清空select的项// document.all.objselect.options.length = 0;具体的实例可以查看js select多选列表传值代码http://www.jb51.net/article/21270.htm

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索js
操作select
select提交表单、form表单提交select、表单select、表单提交select的值、select表单美化，以便于您获取更多的相关知识。