1.判断select选项中 是否存在value="paravalue"的item2.向select选项中 加入一个item3.从select选项中 删除一个item4.修改select选项中 value="paravalue"的text为"paratext"5.设置select中text="paratext"的第一个item为选中6.设置select中value="paravalue"的item为选中7.得到select的当前选中项的value8.得到select的当前选中项的text9.得到select的当前选中项的index10.清空select的项-------------------------------------------//1.判断select选项中 是否存在value="paravalue"的itemfunction jsselectisexititem(objselect,objitemvalue){ var isexit = false; for(var i=0;i<objselect.options.length;i++) { if(objselect.options[i].value == objitemvalue) { isexit = true; break; } } return isexit;} //2.向select选项中 加入一个itemfunction jsadditemtoselect(objselect,objitemtext,objitemvalue){ //判断是否存在 if(jsselectisexititem(objselect,objitemvalue)) { alert("该item的value值已经存在"); } else { var varitem = new option(objitemtext,objitemvalue);// objselect.options[objselect.options.length] = varitem; objselect.options.add(varitem); alert("成功加入"); } }//3.从select选项中 删除一个itemfunction jsremoveitemfromselect(objselect,objitemvalue){ //判断是否存在 if(jsselectisexititem(objselect,objitemvalue)) { for(var i=0;i<objselect.options.length;i++) { if(objselect.options[i].value == objitemvalue) { objselect.options.remove(i); break; } } alert("成功删除"); } else { alert("该select中 不存在该项"); } }//4.修改select选项中 value="paravalue"的text为"paratext"function jsupdateitemtoselect(objselect,objitemtext,objitemvalue){ //判断是否存在 if(jsselectisexititem(objselect,objitemvalue)) { for(var i=0;i<objselect.options.length;i++) { if(objselect.options[i].value == objitemvalue) { objselect.options[i].text = objitemtext; break; } } alert("成功修改"); } else { alert("该select中 不存在该项"); } }//5.设置select中text="paratext"的第一个item为选中function jsselectitembyvalue(objselect,objitemtext){ //判断是否存在 var isexit = false; for(var i=0;i<objselect.options.length;i++) { if(objselect.options[i].text == objitemtext) { objselect.options[i].selected = true; isexit = true; break; } } //show出结果 if(isexit) { alert("成功选中"); } else { alert("该select中 不存在该项"); } }//6.设置select中value="paravalue"的item为选中//document.all.objselect.value = objitemvalue;//7.得到select的当前选中项的value//var currselectvalue = document.all.objselect.value;//8.得到select的当前选中项的text//var currselecttext = document.all.objselect.options[document.all.objselect.selectedindex].text;//9.得到select的当前选中项的index//var currselectindex = document.all.objselect.selectedindex;//10.清空select的项// document.all.objselect.options.length = 0;具体的实例可以查看js select多选列表传值代码http://www.jb51.net/article/21270.htm

　　推荐阅读

　　IE与firefox下Dhtml的一些区别小结

1.DOM上的接口基本上还是一致的，但经测试发现mozilla下的DOM更标准些,就算些法一样，IE下会有一些微小的区别，但无关要紧 2.事件模型上，这方面区别算比较大. mozilla下的e.target 相当于 ie下的event.srcElement>>>详细阅读

本文标题：js 操作select相关方法函数

地址：http://www.17bianji.com/kaifa2/JS/27576.html

 1/2    1