js操作select相关方法_select可用的js方法-CSDN博客

1.判断select选项中是否存在value="paravalue"的item 2.向select选项中加入一个item 3.从select选项中删除一个item 4.修改select选项中 value="paravalue"的text为"paratext" 5.设置select中text="paratext"的第一个item为选中 6.设置select中value="paravalue"的item为选中 7.得到select的当前选中项的value 8.得到select的当前选中项的text 9.得到select的当前选中项的index 10.清空select的项 ------------------------------------------- //1.判断select选项中是否存在value="paravalue"的item function 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选项中加入一个item function 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选项中删除一个item function 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;