您好,欢迎访问一九零五行业门户网

js动态改变select选择变更option的index值示例_javascript技巧

document.getelementbyid(louyuming).options[0].selected=true;function jsselectisexititem(objselect, objitemvalue) { var isexit = false; for (var i = 0; i = 0; i--){ if(objselect[i].selected == true){ objselect.options[i] = null; } } }
1判断select选项中 是否存在value=paravalue的item
2向select选项中 加入一个item
3从select选项中 删除一个item
4删除select中选中的项
5修改select选项中 value=paravalue的text为paratext
6设置select中text=paratext的第一个item为选中
7设置select中value=paravalue的item为选中
8得到select的当前选中项的value
9得到select的当前选中项的text
10得到select的当前选中项的index
11清空select的项
======================================================================
动态删除select中的所有options:
function deletealloptions(sel){ sel.options.length=0; }
动态删除select中的某一项option:
function deleteoption(sel,indx){ sel.options.remove(indx); }
动态添加select中的项option:
function addoption(sel,text,value){ sel.options.add(new option(text,value)); }
上面在ie和firefox都能测试成功,希望以后可以用上。
===========================================
js 代码
// 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.add(varitem); alert(成功加入); } } // 3.从select选项中 删除一个item function jsremoveitemfromselect(objselect, objitemvalue) { //判断是否存在 if (jsselectisexititem(objselect, objitemvalue)) { for (var i = 0; i = 0; i--){ if(objselect[i].selected == true){ objselect.options[i] = null; } } } // 5.修改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中 不存在该项); } } // 6.设置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中 不存在该项); } } // 7.设置select中value=paravalue的item为选中 objselect.value = objitemvalue; // 8.得到select的当前选中项的value var currselectvalue = objselect.value; // 9.得到select的当前选中项的text var currselecttext = objselect.options[document.all.objselect.selectedindex].text; // 10.得到select的当前选中项的index var currselectindex = objselect.selectedindex; // 11.清空select的项 objselect.options.length = 0;
整个实例的完整代码如下:
javascript select options text value

其它类似信息

推荐信息