首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 18:40:03
原創
1109 人瀏覽過
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
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板