读书人

JS操作select相干方法:新增 修改 删除

发布时间: 2012-11-07 09:56:10 作者: rapoo

JS操作select相关方法:新增 修改 删除 选中 清空 判断存在 等

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;

?

读书人网 >JavaScript

热点推荐