select 태그

select 태그에 option 추가하기

var stag = document.getElementById('selecttagid');

var opt = document.createElement('option');

opt.value = '값';

opt.text = '문자열';

opt.className = '클래스명';

stag.add(opt);

 

<select id='selecttagid'>

<option class='클래스명' value='값'>문자열</option>

</select>

 

select 태그에 option 삭제하기

var stag = document.getElementById('selecttagid');

stag.options.remove(optionindex);

 

select 태그에 option 여러개 삭제하기

var stag = document.getElementById('selecttagid');

for(var i=0; i<stag.options.length; i++)

{

stag.options.remove(i);

}

 

select 태그 기타 속성

selectedIndex : 현재 선택된 option 인덱스 값

size : 리스트의 행 수

리스트의 열 수는 style="width:100px" 처럼 한다.