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.     var isExit = false
  3.     for(var i=0;i<objSelect.options.length;i++) 
  4.     { 
  5.         if(objSelect.options[i].value == objItemValue) 
  6.         { 
  7.             isExit = true
  8.             break
  9.         } 
  10.     }      
  11.     return isExit; 
  12. }  

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

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

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

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

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

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

        //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.     }    

/ / 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

좋은 웹페이지 즐겨찾기