夏日博客

A-A+

javascript select新增、修改、删除、选中、清空、判断存在函数

2016年01月27日 前端设计 暂无评论 阅读 7 views 次

下面我总结一个关于javascript中对select的新增、修改、删除、选中、清空、判断存在等操作，有需要的朋友可参考参考。

1.判断select选项中 是否存在Value="paraValue"的Item.

  1. function jsSelectIsExitItem(objSelect, objItemValue) {  
  2.     var isExit = false;  
  3.     for (var i = 0; i < objSelect.options.length; i++) {  
  4.         if (objSelect.options[i].value == objItemValue) {  
  5.             isExit = true;  
  6.             break;  
  7.         }  
  8.     }  
  9.     return isExit;  
  10. }  

2.向select选项中 加入一个Item

  1. function jsAddItemToSelect(objSelect, objItemText, objItemValue) {  
  2.     //判断是否存在  
  3.     if (jsSelectIsExitItem(objSelect, objItemValue)) {  
  4.         alert("该Item的Value值已经存在");  
  5.     } else {  
  6.         var varItem = new Option(objItemText, objItemValue);  
  7.         objSelect.options.add(varItem);  
  8.         alert("成功加入");  
  9.     }  
  10. }  

3.从select选项中 删除一个Item

  1. function jsRemoveItemFromSelect(objSelect, objItemValue) {  
  2.     //判断是否存在  
  3.     if (jsSelectIsExitItem(objSelect, objItemValue)) {  
  4.         for (var i = 0; i < objSelect.options.length; i++) {  
  5.             if (objSelect.options[i].value == objItemValue) {  
  6.                 objSelect.options.remove(i);  
  7.                 break;  
  8.             }  
  9.         }  
  10.         alert("成功删除");  
  11.     } else {  
  12.         alert("该select中 不存在该项");  
  13.     }  
  14. }  

4.删除select中选中的项

  1. function jsRemoveSelectedItemFromSelect(objSelect) {  
  2.     var length = objSelect.options.length - 1;  
  3.     for(var i = length; i >= 0; i--){  
  4.         if(objSelect[i].selected == true){  
  5.             objSelect.options[i] = null;  
  6.         }  
  7.     }  
  8. }  

5.修改select选项中 value="paraValue"的text为"paraText"

  1. function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {  
  2.     //判断是否存在  
  3.     if (jsSelectIsExitItem(objSelect, objItemValue)) {  
  4.         for (var i = 0; i < objSelect.options.length; i++) {  
  5.             if (objSelect.options[i].value == objItemValue) {  
  6.                 objSelect.options[i].text = objItemText;  
  7.                 break;  
  8.             }  
  9.         }  
  10.         alert("成功修改");  
  11.     } else {  
  12.         alert("该select中 不存在该项");  
  13.     }  
  14. }  

6.设置select中text="paraText"的第一个Item为选中.

  1. function jsSelectItemByValue(objSelect, objItemText) {  
  2.     //判断是否存在  
  3.     var isExit = false;  
  4.     for (var i = 0; i < objSelect.options.length; i++) {  
  5.         if (objSelect.options[i].text == objItemText) {  
  6.             objSelect.options[i].selected = true;  
  7.             isExit = true;  
  8.             break;  
  9.         }  
  10.     }  
  11.     //Show出结果  
  12.     if (isExit) {  
  13.         alert("成功选中");  
  14.     } else {  
  15.         alert("该select中 不存在该项");  
  16.     }  
  17. }  

7.设置select中value="paraValue"的Item为选中

document.all.objSelect.value = objItemValue;

8.得到当前选中项的value，index,text

  1. function GetValue(obj){  
  2.  return obj.value;   
  3. }  

9.得到当前选中项的index

  1. function GetIndex(obj){  
  2.  return obj.selectedIndex;   
  3. }  

10.得到当前选中项的text

  1. function GetText(obj){  
  2.  return obj.options[obj.selectedIndex].text;  
  3. }  

11.清空所有选项

  1. function Clear(obj){  
  2.  obj.options.length = 0;   
  3. }  

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的项

标签：

给我留言