太陽雨
          
				
          痛并快樂著
          
			          		
		
          
	
          

          

          
	
          
		
          
		    
		        
		        BlogJava
首頁
新隨筆
聯系
聚合

管理

			
			
				

          
	
          
		
          
			
			
			
				 
				67 
				Posts ::
				3 Stories
				::
				33 Comments
				::
				0 Trackbacks
			
		
          
	
          

          

			          		
		
          
	
          

          


          

          
	
		
		

          常用鏈接
          


          留言簿(4)
          


		
          隨筆分類
          
		
				
			
	
		
          隨筆檔案
          
		
				
			
	
		
          文章檔案
          
		
				
			
	



          搜索
          



          最新評論
	
          

          
	
			
		

          


          閱讀排行榜
          



          評論排行榜
          


	


          


          
	
					

          
	
	
	
          
		
          

           1判斷select選項中 是否存在Value="paraValue"的Item 
          
           2向select選項中 加入一個Item 
          
           3從select選項中 刪除一個Item 
          
           4刪除select中選中的項 
          
           5修改select選項中 value="paraValue"的text為"paraText" 
          
           6設置select中text="paraText"的第一個Item為選中 
          
           7設置select中value="paraValue"的Item為選中 
          
           8得到select的當前選中項的value 
          
           9得到select的當前選中項的text 
          
          10得到select的當前選中項的Index 
          
          11清空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 2008-12-02 10:57 小蟲旺福 閱讀(228) 評論(0)  編輯  收藏  所屬分類: Javascript相關 
	
          

          







          
	    
    




          








          

				

          



    







          
        
	




主站蜘蛛池模板：
滦南县|
湖州市|
应用必备|
临沭县|
龙口市|
彩票|
汪清县|
虎林市|
云浮市|
黄平县|
临洮县|
天镇县|
确山县|
缙云县|
汉沽区|
横山县|
江川县|
大关县|
屯昌县|
遂宁市|
大埔县|
汶上县|
玉屏|
达州市|
海兴县|
康乐县|
上犹县|
克拉玛依市|
保定市|
象州县|
孟村|
峡江县|
工布江达县|
凤台县|
安阳市|
保靖县|
格尔木市|
奉新县|
芜湖市|
通化市|
饶河县|