首頁 > web前端 > js教程 > js 操作select相关方法函数_表单特效

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 18:40:03
原創
1174 人瀏覽過

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;i++)<BR>    {<BR>  if(objselect.options[i].value == objitemvalue)<BR>  {<BR>      isexit = true;<BR>      break;<BR>  }<BR>    }      <BR>    return isexit;<BR>} 
登入後複製

//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
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
javascript - js addClass 無效
來自於 1970-01-01 08:00:00
0
0
0
php呼叫js並取得js的回傳值問題
來自於 1970-01-01 08:00:00
0
0
0
js進階教程
來自於 1970-01-01 08:00:00
0
0
0
找不到js檔案程式碼
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板