<div class="codetitle"> <span><a style="CURSOR: pointer" data="67998" class="copybut" id="copybut67998" onclick="doCopy('code67998')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code67998"> <br><SELECT NAME="aaa" SIZE="" style=" width:200px" > <br><br><OPTION VALUE="">(비어 있음)</OPTION> <br><OPTION VALUE="1">1</OPTION> <br> </SELECT> <br> </div> <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="59712" class="copybut" id="copybut59712" onclick="doCopy('code59712')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code59712"> <br>/ /html 컨트롤 가져오기<br>var select = document.getElementsByName("aaa")[0]; <br><br>select.selectedIndex = index <br>//새 옵션 개체 만들기 <br>new Option( text, value) <br>new option(text, value, defaultSelected, selected <br>text: string, 옵션 개체의 텍스트 속성 지정(즉, <option>< 사이의 텍스트) ;/option>) <br> value: 문자열, 옵션 객체의 value 속성 지정 <br> defaultSelected: Boolean 값, 옵션 객체의 defaultSelected 속성 지정 <br> selected: Boolean 값, 옵션 객체의 selected 속성 지정 옵션 개체 <br><br>//옵션 추가 선택 <br>select.add(new Option(text,value)) <br><br>//삭제<br>select.options.remove(index) <br>//모두 삭제<br>한 번에 선택 .length = 0 <br> </div>