小镇树妖--住在树上的妖

To follow the path: look to the master, follow the master, walk with the master, see through the master, become the master.
  BlogJava :: 首页 :: 联系 :: 聚合  :: 管理
  10 Posts :: 50 Stories :: 7 Comments :: 0 Trackbacks
js 操作select大全(转)
  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的项
js 代码
  1. // 1.判断select选项中 是否存在Value="paraValue"的Item       
  2. function jsSelectIsExitItem(objSelect, objItemValue) {       
  3.     var isExit = false;       
  4.     for (var i = 0; i < objSelect.options.length; i++) {       
  5.         if (objSelect.options[i].value == objItemValue) {       
  6.             isExit = true;       
  7.             break;       
  8.         }       
  9.     }       
  10.     return isExit;       
  11. }        
  12.   
  13. // 2.向select选项中 加入一个Item       
  14. function jsAddItemToSelect(objSelect, objItemText, objItemValue) {       
  15.     //判断是否存在       
  16.     if (jsSelectIsExitItem(objSelect, objItemValue)) {       
  17.         alert("该Item的Value值已经存在");       
  18.     } else {       
  19.         var varItem = new Option(objItemText, objItemValue);     
  20.         objSelect.options.add(varItem);    
  21.         alert("成功加入");    
  22.     }       
  23. }       
  24.   
  25. // 3.从select选项中 删除一个Item       
  26. function jsRemoveItemFromSelect(objSelect, objItemValue) {       
  27.     //判断是否存在       
  28.     if (jsSelectIsExitItem(objSelect, objItemValue)) {       
  29.         for (var i = 0; i < objSelect.options.length; i++) {       
  30.             if (objSelect.options[i].value == objItemValue) {       
  31.                 objSelect.options.remove(i);       
  32.                 break;       
  33.             }       
  34.         }       
  35.         alert("成功删除");       
  36.     } else {       
  37.         alert("该select中 不存在该项");       
  38.     }       
  39. }   
  40.   
  41.   
  42. // 4.删除select中选中的项   
  43. function jsRemoveSelectedItemFromSelect(objSelect) {       
  44.     var length = objSelect.options.length - 1;   
  45.     for(var i = length; i >= 0; i--){   
  46.         if(objSelect[i].selected == true){   
  47.             objSelect.options[i] = null;   
  48.         }   
  49.     }   
  50. }     
  51.   
  52. // 5.修改select选项中 value="paraValue"的text为"paraText"       
  53. function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {       
  54.     //判断是否存在       
  55.     if (jsSelectIsExitItem(objSelect, objItemValue)) {       
  56.         for (var i = 0; i < objSelect.options.length; i++) {       
  57.             if (objSelect.options[i].value == objItemValue) {       
  58.                 objSelect.options[i].text = objItemText;       
  59.                 break;       
  60.             }       
  61.         }       
  62.         alert("成功修改");       
  63.     } else {       
  64.         alert("该select中 不存在该项");       
  65.     }       
  66. }       
  67.   
  68. // 6.设置select中text="paraText"的第一个Item为选中       
  69. function jsSelectItemByValue(objSelect, objItemText) {           
  70.     //判断是否存在       
  71.     var isExit = false;       
  72.     for (var i = 0; i < objSelect.options.length; i++) {       
  73.         if (objSelect.options[i].text == objItemText) {       
  74.             objSelect.options[i].selected = true;       
  75.             isExit = true;       
  76.             break;       
  77.         }       
  78.     }             
  79.     //Show出结果       
  80.     if (isExit) {       
  81.         alert("成功选中");       
  82.     } else {       
  83.         alert("该select中 不存在该项");       
  84.     }       
  85. }       
  86.   
  87. // 7.设置select中value="paraValue"的Item为选中   
  88. document.all.objSelect.value = objItemValue;   
  89.       
  90. // 8.得到select的当前选中项的value   
  91. var currSelectValue = document.all.objSelect.value;   
  92.       
  93. // 9.得到select的当前选中项的text   
  94. var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;   
  95.       
  96. // 10.得到select的当前选中项的Index   
  97. var currSelectIndex = document.all.objSelect.selectedIndex;   
  98.       
  99. // 11.清空select的项   
  100. document.all.objSelect.options.length = 0;  
posted on 2008-01-10 18:30 jacky wu 阅读(917) 评论(1)  编辑  收藏 所属分类: Web(asp, javascript, css ...)

Feedback

# re: js 操作select大全(转) 2008-01-20 20:34 明居
受用!  回复  更多评论
  


只有注册用户登录后才能发表评论。
网站导航: