> 웹 프론트엔드 > JS 튜토리얼 > js 작업 선택 관련 메서드 function_form 특수 효과

js 작업 선택 관련 메서드 function_form 특수 효과

WBOY
풀어 주다: 2016-05-16 18:40:03
원래의
1142명이 탐색했습니다.
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;i++)<br>  {<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>}
로그인 후 복사
//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;i++)<br>  {<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;i++)<br>    {<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>}
로그인 후 복사
//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으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿