Posted in Javascript onDecember 06, 2009
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; 具体的实例可以查看js select多选列表传值代码 https://3water.com/article/21270.htm
js 操作select相关方法函数
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@