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>
登入後複製