首页 > web前端 > js教程 > 正文

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

WBOY
发布: 2016-05-16 18:40:03
原创
1110 人浏览过
1.判断select选项中 是否存在value="paravalue"的item<br>2.向select选项中 加入一个item<br>3.从select选项中 删除一个item<br>4.修改select选项中 value="paravalue"的text为"paratext"<br>5.设置select中text="paratext"的第一个item为选中<br>6.设置select中value="paravalue"的item为选中<br>7.得到select的当前选中项的value<br>8.得到select的当前选中项的text<br>9.得到select的当前选中项的index<br>10.清空select的项<br>-------------------------------------------<br>//1.判断select选项中 是否存在value="paravalue"的item<br>function jsselectisexititem(objselect,objitemvalue)<br>{<br>    var isexit = false;<br>    for(var i=0;i<objselect.options.length>    {<br>  if(objselect.options[i].value == objitemvalue)<br>  {<br>      isexit = true;<br>      break;<br>  }<br>    }      <br>    return isexit;<br>} </objselect.options.length>
登录后复制
//2.向select选项中 加入一个item<br>function jsadditemtoselect(objselect,objitemtext,objitemvalue)<br>{<br>    //判断是否存在<br>    if(jsselectisexititem(objselect,objitemvalue))<br>    {<br>  alert("该item的value值已经存在");<br>    }<br>    else<br>    {<br>  var varitem = new option(objitemtext,objitemvalue);<br>//      objselect.options[objselect.options.length] = varitem;<br>  objselect.options.add(varitem);<br>  alert("成功加入");<br>    }    <br>}
登录后复制
//3.从select选项中 删除一个item<br>function jsremoveitemfromselect(objselect,objitemvalue)<br>{<br>    //判断是否存在<br>    if(jsselectisexititem(objselect,objitemvalue))<br>    {<br>  for(var i=0;i<objselect.options.length>  {<br>      if(objselect.options[i].value == objitemvalue)<br>      {<br>    objselect.options.remove(i);<br>    break;<br>      }<br>  }  <br>  alert("成功删除");      <br>    }<br>    else<br>    {<br>  alert("该select中 不存在该项");<br>    }    <br>}</objselect.options.length>
登录后复制
//4.修改select选项中 value="paravalue"的text为"paratext"<br>function jsupdateitemtoselect(objselect,objitemtext,objitemvalue)<br>{<br>    //判断是否存在<br>    if(jsselectisexititem(objselect,objitemvalue))<br>    {<br>  for(var i=0;i<objselect.options.length>  {<br>      if(objselect.options[i].value == objitemvalue)<br>      {<br>    objselect.options[i].text = objitemtext;<br>    break;<br>      }<br>  }  <br>  alert("成功修改");      <br>    }<br>    else<br>    {<br>  alert("该select中 不存在该项");<br>    }    <br>}<br><br>//5.设置select中text="paratext"的第一个item为选中<br>function jsselectitembyvalue(objselect,objitemtext)<br>{    <br>    //判断是否存在<br>    var isexit = false;<br>    for(var i=0;i<objselect.options.length>    {<br>  if(objselect.options[i].text == objitemtext)<br>  {<br>      objselect.options[i].selected = true;<br>      isexit = true;<br>      break;<br>  }<br>    }      <br>    //show出结果<br>    if(isexit)<br>    { <br>  alert("成功选中");      <br>    }<br>    else<br>    {<br>  alert("该select中 不存在该项");<br>    }    <br>}</objselect.options.length></objselect.options.length>
登录后复制
//6.设置select中value="paravalue"的item为选中<br>//document.all.objselect.value = objitemvalue;
登录后复制
//7.得到select的当前选中项的value<br>//var currselectvalue = document.all.objselect.value;
登录后复制
//8.得到select的当前选中项的text<br>//var currselecttext = document.all.objselect.options[document.all.objselect.selectedindex].text;
登录后复制
//9.得到select的当前选中项的index<br>//var currselectindex = document.all.objselect.selectedindex;
登录后复制
//10.清空select的项<br>// document.all.objselect.options.length = 0;<br>具体的实例可以查看<a href="http://www.jb51.net/article/21270.htm" target="_blank">js select多选列表传值代码</a><br><a href="http://www.jb51.net/article/21270.htm">http://www.jb51.net/article/21270.htm</a>
登录后复制
相关标签:
js
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板