小鎮(zhèn)樹妖--住在樹上的妖

          To follow the path: look to the master, follow the master, walk with the master, see through the master, become the master.

            BlogJava :: 首頁(yè) :: 聯(lián)系 :: 聚合  :: 管理
            10 Posts :: 50 Stories :: 7 Comments :: 0 Trackbacks
          1. 判斷select選項(xiàng)中 是否存在Value="paraValue"的Item
          2. 向select選項(xiàng)中 加入一個(gè)Item
          3. 從select選項(xiàng)中 刪除一個(gè)Item
          4. 刪除select中選中的項(xiàng)
          5. 修改select選項(xiàng)中 value="paraValue"的text為"paraText"
          6. 設(shè)置select中text="paraText"的第一個(gè)Item為選中
          7. 設(shè)置select中value="paraValue"的Item為選中
          8. 得到select的當(dāng)前選中項(xiàng)的value
          9. 得到select的當(dāng)前選中項(xiàng)的text
          10. 得到select的當(dāng)前選中項(xiàng)的Index
          11. 清空select的項(xiàng)
          js 代碼
          1. // 1.判斷select選項(xiàng)中 是否存在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選項(xiàng)中 加入一個(gè)Item       
          14. function jsAddItemToSelect(objSelect, objItemText, objItemValue) {       
          15.     //判斷是否存在       
          16.     if (jsSelectIsExitItem(objSelect, objItemValue)) {       
          17.         alert("該Item的Value值已經(jīng)存在");       
          18.     } else {       
          19.         var varItem = new Option(objItemText, objItemValue);     
          20.         objSelect.options.add(varItem);    
          21.         alert("成功加入");    
          22.     }       
          23. }       
          24.   
          25. // 3.從select選項(xiàng)中 刪除一個(gè)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中 不存在該項(xiàng)");       
          38.     }       
          39. }   
          40.   
          41.   
          42. // 4.刪除select中選中的項(xiàng)   
          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選項(xiàng)中 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中 不存在該項(xiàng)");       
          65.     }       
          66. }       
          67.   
          68. // 6.設(shè)置select中text="paraText"的第一個(gè)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出結(jié)果       
          80.     if (isExit) {       
          81.         alert("成功選中");       
          82.     } else {       
          83.         alert("該select中 不存在該項(xiàng)");       
          84.     }       
          85. }       
          86.   
          87. // 7.設(shè)置select中value="paraValue"的Item為選中   
          88. document.all.objSelect.value = objItemValue;   
          89.       
          90. // 8.得到select的當(dāng)前選中項(xiàng)的value   
          91. var currSelectValue = document.all.objSelect.value;   
          92.       
          93. // 9.得到select的當(dāng)前選中項(xiàng)的text   
          94. var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;   
          95.       
          96. // 10.得到select的當(dāng)前選中項(xiàng)的Index   
          97. var currSelectIndex = document.all.objSelect.selectedIndex;   
          98.       
          99. // 11.清空select的項(xiàng)   
          100. document.all.objSelect.options.length = 0;  
          posted on 2008-01-10 18:30 jacky wu 閱讀(922) 評(píng)論(1)  編輯  收藏 所屬分類: Web(asp, javascript, css ...)

          Feedback

          # re: js 操作select大全(轉(zhuǎn)) 2008-01-20 20:34 明居
          受用!  回復(fù)  更多評(píng)論
            

          主站蜘蛛池模板: 南涧| 尼木县| 志丹县| 铜川市| 吴江市| 金门县| 东平县| 曲阜市| 漳浦县| 松溪县| 乌拉特后旗| 满洲里市| 宁城县| 西青区| 剑阁县| 西充县| 乌兰浩特市| 肇州县| 西藏| 西峡县| 于田县| 南雄市| 怀柔区| 浦县| 维西| 新绛县| 高唐县| 麻栗坡县| 吴桥县| 沾化县| 潮安县| 班戈县| 酉阳| 禄劝| 沁源县| 洛川县| 阆中市| 龙南县| 界首市| 杭州市| 榆社县|