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  回復  更多評論
						
          
						  
					
          
				
          
				
          
			

          




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          




    







          
        
	




主站蜘蛛池模板：
丹阳市|
虎林市|
延庆县|
西城区|
镇巴县|
伊吾县|
长治市|
双柏县|
兴宁市|
钦州市|
台州市|
长治县|
米易县|
三穗县|
樟树市|
乳山市|
兴隆县|
孟州市|
普兰店市|
白水县|
冷水江市|
秦皇岛市|
全州县|
淳安县|
湘阴县|
西和县|
博客|
濮阳市|
兴山县|
定西市|
英吉沙县|
封丘县|
桦南县|
张家港市|
江阴市|
垦利县|
彰武县|
崇礼县|
德昌县|
大洼县|
大关县|