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

          

          
	
          
		
          
			
 
BlogJava ::
首頁 ::
新隨筆 ::
聯(lián)系 ::

 ::
管理 ::


			
			
				

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

          

			          		
		
          
	
          

          


          


          
	
					

          
	
	
	
          
		
          判斷select選項中 是否存在Value="paraValue"的Item 
          向select選項中 加入一個Item 
          從select選項中 刪除一個Item 
          刪除select中選中的項 
          修改select選項中 value          ="paraValue"的text為"paraText" 
          設(shè)置select中text          ="paraText"的第一個Item為選中 
          設(shè)置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值已經(jīng)存在");        
              }           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.設(shè)置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出結(jié)果        
              if (isExit) {        
                  alert(          "成功選中");        
              }           else {        
                  alert(          "該select中 不存在該項");        
              }                  
          }                  
             
          // 7.設(shè)置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一米陽光 閱讀(1895) 評論(1)  編輯  收藏  
	
          

          







          
	    
    


          

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

          




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網(wǎng)站導(dǎo)航:
          
			博客園  
			IT新聞  
			Chat2DB  
			C++博客  
			博問  
			
			
          
		          		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          




    







          
        
	




主站蜘蛛池模板：
连南|
任丘市|
湛江市|
三都|
泸州市|
宜丰县|
巫山县|
威信县|
仪陇县|
芮城县|
阿拉尔市|
三门峡市|
辽宁省|
义马市|
西昌市|
青海省|
奉新县|
穆棱市|
东乡县|
鞍山市|
甘肃省|
揭阳市|
天等县|
苍梧县|
洪泽县|
隆尧县|
山阴县|
锦州市|
渭源县|
名山县|
新干县|
罗平县|
淮阳县|
托克逊县|
太和县|
洞口县|
高邮市|
新化县|
连州市|
邵阳县|
汶川县|