小鎮樹妖--住在樹上的妖
          
				
          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
			
		
          
	
          

			          		
		
          
	
          

          


          

          
	
          
	
					

          
			
	
	
          
		
          


            
    
          1. 判斷select選項中 是否存在Value="paraValue"的Item 
            2. 
    
          2. 向select選項中 加入一個Item 
            3. 
    
          3. 從select選項中 刪除一個Item 
            4. 
    
          4. 刪除select中選中的項 
            5. 
    
          5. 修改select選項中 value="paraValue"的text為"paraText" 
            6. 
    
          6. 設置select中text="paraText"的第一個Item為選中 
            7. 
    
          7. 設置select中value="paraValue"的Item為選中 
            8. 
    
          8. 得到select的當前選中項的value 
            9. 
    
          9. 得到select的當前選中項的text 
            10. 
    
          10. 得到select的當前選中項的Index 
            11. 
    
          11. 清空select的項 
            12. 

          

          js 代碼
          

          

            
    
          1. // 1.判斷select選項中 是否存在Value="paraValue"的Item        
            2. 
    
          2. function jsSelectIsExitItem(objSelect, objItemValue) {        
            3. 
    
          3.     var isExit = false;        
            4. 
    
          4.     for (var i = 0; i < objSelect.options.length; i++) {        
            5. 
    
          5.         if (objSelect.options[i].value == objItemValue) {        
            6. 
    
          6.             isExit = true;        
            7. 
    
          7.             break;        
            8. 
    
          8.         }        
            9. 
    
          9.     }        
            10. 
    
          10.     return isExit;        
            11. 
    
          11. }         
            12. 
    
          12.    
            13. 
    
          13. // 2.向select選項中 加入一個Item        
            14. 
    
          14. function jsAddItemToSelect(objSelect, objItemText, objItemValue) {        
            15. 
    
          15.     //判斷是否存在        
            16. 
    
          16.     if (jsSelectIsExitItem(objSelect, objItemValue)) {        
            17. 
    
          17.         alert("該Item的Value值已經存在");        
            18. 
    
          18.     } else {        
            19. 
    
          19.         var varItem = new Option(objItemText, objItemValue);      
            20. 
    
          20.         objSelect.options.add(varItem);     
            21. 
    
          21.         alert("成功加入");     
            22. 
    
          22.     }        
            23. 
    
          23. }        
            24. 
    
          24.    
            25. 
    
          25. // 3.從select選項中 刪除一個Item        
            26. 
    
          26. function jsRemoveItemFromSelect(objSelect, objItemValue) {        
            27. 
    
          27.     //判斷是否存在        
            28. 
    
          28.     if (jsSelectIsExitItem(objSelect, objItemValue)) {        
            29. 
    
          29.         for (var i = 0; i < objSelect.options.length; i++) {        
            30. 
    
          30.             if (objSelect.options[i].value == objItemValue) {        
            31. 
    
          31.                 objSelect.options.remove(i);        
            32. 
    
          32.                 break;        
            33. 
    
          33.             }        
            34. 
    
          34.         }        
            35. 
    
          35.         alert("成功刪除");        
            36. 
    
          36.     } else {        
            37. 
    
          37.         alert("該select中 不存在該項");        
            38. 
    
          38.     }        
            39. 
    
          39. }    
            40. 
    
          40.    
            41. 
    
          41.    
            42. 
    
          42. // 4.刪除select中選中的項    
            43. 
    
          43. function jsRemoveSelectedItemFromSelect(objSelect) {        
            44. 
    
          44.     var length = objSelect.options.length - 1;    
            45. 
    
          45.     for(var i = length; i >= 0; i--){    
            46. 
    
          46.         if(objSelect[i].selected == true){    
            47. 
    
          47.             objSelect.options[i] = null;    
            48. 
    
          48.         }    
            49. 
    
          49.     }    
            50. 
    
          50. }      
            51. 
    
          51.    
            52. 
    
          52. // 5.修改select選項中 value="paraValue"的text為"paraText"        
            53. 
    
          53. function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {        
            54. 
    
          54.     //判斷是否存在        
            55. 
    
          55.     if (jsSelectIsExitItem(objSelect, objItemValue)) {        
            56. 
    
          56.         for (var i = 0; i < objSelect.options.length; i++) {        
            57. 
    
          57.             if (objSelect.options[i].value == objItemValue) {        
            58. 
    
          58.                 objSelect.options[i].text = objItemText;        
            59. 
    
          59.                 break;        
            60. 
    
          60.             }        
            61. 
    
          61.         }        
            62. 
    
          62.         alert("成功修改");        
            63. 
    
          63.     } else {        
            64. 
    
          64.         alert("該select中 不存在該項");        
            65. 
    
          65.     }        
            66. 
    
          66. }        
            67. 
    
          67.    
            68. 
    
          68. // 6.設置select中text="paraText"的第一個Item為選中        
            69. 
    
          69. function jsSelectItemByValue(objSelect, objItemText) {            
            70. 
    
          70.     //判斷是否存在        
            71. 
    
          71.     var isExit = false;        
            72. 
    
          72.     for (var i = 0; i < objSelect.options.length; i++) {        
            73. 
    
          73.         if (objSelect.options[i].text == objItemText) {        
            74. 
    
          74.             objSelect.options[i].selected = true;        
            75. 
    
          75.             isExit = true;        
            76. 
    
          76.             break;        
            77. 
    
          77.         }        
            78. 
    
          78.     }              
            79. 
    
          79.     //Show出結果        
            80. 
    
          80.     if (isExit) {        
            81. 
    
          81.         alert("成功選中");        
            82. 
    
          82.     } else {        
            83. 
    
          83.         alert("該select中 不存在該項");        
            84. 
    
          84.     }        
            85. 
    
          85. }        
            86. 
    
          86.    
            87. 
    
          87. // 7.設置select中value="paraValue"的Item為選中    
            88. 
    
          88. document.all.objSelect.value = objItemValue;    
            89. 
    
          89.        
            90. 
    
          90. // 8.得到select的當前選中項的value    
            91. 
    
          91. var currSelectValue = document.all.objSelect.value;    
            92. 
    
          92.        
            93. 
    
          93. // 9.得到select的當前選中項的text    
            94. 
    
          94. var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;    
            95. 
    
          95.        
            96. 
    
          96. // 10.得到select的當前選中項的Index    
            97. 
    
          97. var currSelectIndex = document.all.objSelect.selectedIndex;    
            98. 
    
          98.        
            99. 
    
          99. // 11.清空select的項    
            100. 
    
          100. document.all.objSelect.options.length = 0;   
            101. 

          

          
          

          

	
          
	
	
          
		posted on 2008-01-10 18:30 jacky wu 閱讀(922) 評論(1)  編輯  收藏  所屬分類: Web(asp, javascript, css ...) 
	
          

          







          
	    
    


          
	
          Feedback
          
		
		
				
          			
					
          
						# re: js 操作select大全(轉)
						
								2008-01-20 20:34
						
						明居
					
          
					
          
						受用!  回復  更多評論
						
          
						  
					
          
				
          
				
          
			

          




          








          

				

          

          




    







          
        
	




主站蜘蛛池模板：
驻马店市|
奉节县|
和田市|
阜平县|
桂林市|
洛隆县|
南川市|
营山县|
左权县|
金湖县|
临清市|
玛纳斯县|
项城市|
突泉县|
麻城市|
绥芬河市|
英山县|
双辽市|
静乐县|
姚安县|
华亭县|
宾川县|
海宁市|
连云港市|
安福县|
偏关县|
资溪县|
专栏|
南川市|
武平县|
尼木县|
洪雅县|
皋兰县|
湟中县|
徐州市|
祁阳县|
淳安县|
宽甸|
宾川县|
涟源市|
安陆市|