waysun一路陽光
          
				
          不輕易服輸,不輕言放棄.--心是夢的舞臺，心有多大，舞臺有多大。踏踏實實做事，認認真真做人。
          
			          		
		
          
	
          

          

          
	
          
		
          
			
 
BlogJava ::
首頁 ::
新隨筆 ::
聯系 ::

 ::
管理 ::


			
			
				

          
	
          
		
          
			
			
			
				 
				167 
				隨筆 ::
				1 文章
				::
				64 評論
				::
				0 Trackbacks
			
		
          
	
          

          

			          		
		
          
	
          

          


          


          
	
					

          
	
	
	
          
		
          判斷select選項中 是否存在Value="paraValue"的Item 
          向select選項中 加入一個Item 
          從select選項中 刪除一個Item 
          刪除select中選中的項 
          修改select選項中 value          ="paraValue"的text為"paraText" 
          設置select中text          ="paraText"的第一個Item為選中 
          設置select中value          ="paraValue"的Item為選中 
          得到select的當前選中項的value 
          得到select的當前選中項的text 
          得到select的當前選中項的Index 
          清空select的項 
          js 代碼
          // 1.判斷select選項中 是否存在Value="paraValue"的Item        
          function 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選項中 加入一個Item        
          function jsAddItemToSelect(objSelect, objItemText, objItemValue) {        
                        //判斷是否存在        
              if (jsSelectIsExitItem(objSelect, objItemValue)) {        
                  alert(          "該Item的Value值已經存在");        
              }           else {        
                            var varItem = new Option(objItemText, objItemValue);      
                  objSelect.options.add(varItem);     
                  alert(          "成功加入");     
              }                  
          }                  
             
          // 3.從select選項中 刪除一個Item        
          function 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中選中的項    
          function jsRemoveSelectedItemFromSelect(objSelect) {        
                        var length = objSelect.options.length - 1;    
                        for(var i = length; i >= 0; i--){    
                            if(objSelect[i].selected == true){    
                      objSelect.options[i]           = null;    
                  }              
              }              
          }                
             
          // 5.修改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中 不存在該項");        
              }                  
          }                  
             
          // 6.設置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中 不存在該項");        
              }                  
          }                  
             
          // 7.設置select中value="paraValue"的Item為選中    
          document.all.objSelect.value = objItemValue;    
                 
          // 8.得到select的當前選中項的value    
          var currSelectValue = document.all.objSelect.value;    
                 
          // 9.得到select的當前選中項的text    
          var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;    
                 
          // 10.得到select的當前選中項的Index    
          var currSelectIndex = document.all.objSelect.selectedIndex;    
                 
          // 11.清空select的項    
          document.all.objSelect.options.length = 0;  
          
	
          
	
	
          
		posted on 2011-06-20 15:03 weesun一米陽光 閱讀(1887) 評論(1)  編輯  收藏  
	
          

          







          
	    
    


          

          
	
          評論
          
		
		
				
          			
					
          
						# re: Js操作Select大全  【轉】[未登錄]
							
								2013-11-14 22:05
							
						dd
					
          
					
          
						dd  回復  更多評論
						
          
						  
					
          
				
          
				
          
			

          




          





          


          

	
          
		
          
				
		
	
		
          
		
		
          只有注冊用戶登錄后才能發表評論。
          
		
          
			
		
          
			
		
          
		
		
          
		


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          




    







          
        
	




主站蜘蛛池模板：
车致|
德格县|
宝清县|
泸溪县|
军事|
香河县|
绥芬河市|
巴青县|
松桃|
合山市|
罗山县|
泰来县|
任丘市|
綦江县|
安远县|
余姚市|
平陆县|
雷山县|
四会市|
左云县|
夏津县|
仁怀市|
辉南县|
临武县|
平安县|
商都县|
莱西市|
武陟县|
从江县|
嵩明县|
特克斯县|
荣成市|
通海县|
稷山县|
赤峰市|
碌曲县|
乐都县|
习水县|
上思县|
崇州市|
霍邱县|