js select 조작

10468 단어 jsselect
1. select 옵션 에 Value = "paraValue" 가 있 는 지 판단 하 는 항목 2. select 옵션 에 항목 을 추가 합 니 다 3. select 옵션 에서 항목 하 나 를 삭제 합 니 다 4. select 옵션 에서 value = "paraValue" 의 text 를 "paraText" 로 수정 합 니 다 5. select 에서 text = "paraText" 의 첫 번 째 항목 을 선택 합 니 다 6. select 에서 value = "paraValue" 를 설정 합 니 다의 Item 은 선택 7. select 의 현재 선택 항목 의 value 8. select 의 현재 선택 항목 의 text 9. select 의 현재 선택 항목 의 Index 10. select 의 항목 을 비 웁 니 다.

   
   
   
   
  1. function jsSelectIsExitItem(objSelect,objItemValue) 
  2. { 
  3.     var isExit = false; 
  4.     for(var i=0;i<objSelect.options.length;i++) 
  5.     { 
  6.         if(objSelect.options[i].value == objItemValue) 
  7.         { 
  8.             isExit = true; 
  9.             break; 
  10.         } 
  11.     }      
  12.     return isExit; 
  13. }  

/ / 2. selection 옵션 에 항목 추가 

   
   
   
   
  1. function jsAddItemToSelect(objSelect,objItemText,objItemValue) 
  2. { 
  3.     //  
  4.     if(jsSelectIsExitItem(objSelect,objItemValue)) 
  5.     { 
  6.         alert(" Item Value "); 
  7.     } 
  8.     else 
  9.     { 
  10.         var varItem = new Option(objItemText,objItemValue); 
  11. //      objSelect.options[objSelect.options.length] = varItem; 
  12.         objSelect.options.add(varItem); 
  13.         alert(" "); 
  14.     }    
  15. } 

/ / 3. selection 옵션 에서 항목 삭제 

   
   
   
   
  1. function jsRemoveItemFromSelect(objSelect,objItemValue) 
  2. { 
  3.     //  
  4.     if(jsSelectIsExitItem(objSelect,objItemValue)) 
  5.     { 
  6.         for(var i=0;i<objSelect.options.length;i++) 
  7.         { 
  8.             if(objSelect.options[i].value == objItemValue) 
  9.             { 
  10.                 objSelect.options.remove(i); 
  11.                 break; 
  12.             } 
  13.         }        
  14.         alert(" ");            
  15.     } 
  16.     else 
  17.     { 
  18.         alert(" select   "); 
  19.     }    
  20. } 

/ 4. selection 옵션 에서 value = "paraValue" 의 text 를 "paraText" 로 변경 합 니 다. 

   
   
   
   
  1. function jsUpdateItemToSelect(objSelect,objItemText,objItemValue) 
  2. { 
  3.     //  
  4.     if(jsSelectIsExitItem(objSelect,objItemValue)) 
  5.     { 
  6.         for(var i=0;i<objSelect.options.length;i++) 
  7.         { 
  8.             if(objSelect.options[i].value == objItemValue) 
  9.             { 
  10.                 objSelect.options[i].text = objItemText; 
  11.                 break; 
  12.             } 
  13.         }        
  14.         alert(" ");            
  15.     } 
  16.     else 
  17.     { 
  18.         alert(" select   "); 
  19.     }    
  20. } 

        //5. select 에서 text = "paraText" 의 첫 번 째 항목 을 선택 으로 설정 합 니 다. 

   
   
   
   
  1. function jsSelectItemByValue(objSelect,objItemText) 
  2. {    
  3.     //  
  4.     var isExit = false; 
  5.     for(var i=0;i<objSelect.options.length;i++) 
  6.     { 
  7.         if(objSelect.options[i].text == objItemText) 
  8.         { 
  9.             objSelect.options[i].selected = true; 
  10.             isExit = true; 
  11.             break; 
  12.         } 
  13.     }      
  14.     //Show  
  15.     if(isExit) 
  16.     { 
  17.         alert(" ");            
  18.     } 
  19.     else 
  20.     { 
  21.         alert(" select   "); 
  22.     }    
  23. } 

/ / 6. select 에서 value = "paraValue" 의 Item 을 선택 / / document. all. objSelect. value = object ItemValue 로 설정 합 니 다.
/ / 7. select 의 현재 선택 항목 의 value / var currSelectValue = document. all. objSelect. value;
/ / 8. select 를 받 은 현재 선택 한 text / var currSelectText = document. all. objSelect. options [document. all. objSelect. selected Index]. text;
/ / 9. select 의 현재 선택 항목 의 Index / var currSelectIndex = document. all. objSelect. selected Index;
/ / 10. select 의 항목 을 비 웁 니 다 / / document. all. objSelect. options. length = 0;
다음으로 이동:http://blog.csdn.net/eray/article/details/1650147

좋은 웹페이지 즐겨찾기