select를 동적으로 추가하거나 삭제하는 옵션

2013 단어 select
1. 동적 생성 select
 function createSelect(){
var mySelect = document.createElement("select");
          mySelect.id = "mySelect"; 
          document.body.appendChild(mySelect);
  }

선택된 값을 설정하려면 다음과 같이 하십시오.
$("#type").attr('value', user_type);
 
2. 옵션 추가
 
 function addOption(){
          // id ,
           var obj=document.getElementById('mySelect');
           // 
obj.add(new Option(" "," "));    // IE 
         obj.options.add(new Option("text","value")); // IE firefox
     }

3. 모든 iption 삭제
 function removeAll(){
           var obj=document.getElementById('mySelect');
obj.options.length=0;
     }

4. 옵션 삭제
function removeOne(){
           var obj=document.getElementById('mySelect');
           //index, , 
var index=obj.selectedIndex;
obj.options.remove(index);
     }

 
5. 옵션 옵션의 값을 얻기
 
ar obj=document.getElementById('mySelect');
var index=obj.selectedIndex; // , 
var val = obj.options[index].value;

 6.option 파일 가져오기
 
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; // , 
var val = obj.options[index].text;

 7. 옵션 옵션 수정
 
var obj=document.getElementById('mySelect');
var index=obj.selectedIndex; // , 
var val = obj.options[index]=new Option(" "," ");

 8. select 삭제
 
 function removeSelect(){
            var mySelect = document.getElementById("mySelect");
mySelect.parentNode.removeChild(mySelect);
     }

좋은 웹페이지 즐겨찾기