<FORM name=fname>
<SELECT name=sname>
<OPTION value='value0' selected>선택  0</OPTION>
<OPTION value='value1'>선택  1</OPTION>
</SELECT>
</FORM>
<SCRIPT>
selectObj=document.fname.sname; // formName과 fieldName으로 개체 참조.
selectObj[0]=new Option('선택  변경0','value10'); // 새로운 선택 개체 요소를 생성.
//selectObj[1]=new Option('선택 변경1','value11'); // 변경시키지 않아 당초 대로 '선택 1'.
selectObj[2]=new Option('선택 신규2','value2',true,true); // 새로운 선택 개체 요소를 생성하고 선택으로 설정.
selectObj[3]=new Option('선택 신규3','value3'); // 새로운 선택 개체 요소를 생성.
</SCRIPT>

기존 선택사항 배열 변수에 추가하거나, 삭제하거나, 내용을 변성시킬 수 있고, 또한 사전에 선택된 것으로 설정할 수 있다.
HTML 에서 <OPTION seleced>으로 속성을 지정한 것과 마찬가지로 Javascript 에서는 defaultSelected 인수를 true로 설정하면 된다.

new Option('option Text','option Value',true,true)

앞의 true는 defaultSelected 설정이고, 뒤의 true는 selected의 설정이다.

<DIV id=loop class=show title="결과"></DIV>
<SCRIPT>
selectObj=document.fname.sname; // formName과 fieldName으로 개체 참조.
str='<TABLE border=1 cellapdding=2 cellspacing=0 width=500>'; // 테이블 헤드 출력.
str+='<TR align=center class=property><TD>i</TD><TD>.text</TD><TD>.value</TD>';
str+='<TD>.selected</TD><TD>.defaultSelected</TD></TR>';
for (i=0;i<selectObj.length;i++){ // 배열변수의 길이만큼 반복하는 루프.
  str+='<TR align=center><TD>selectObj['+i+']</TD><TD>'+selectObj[i].text+'</TD>'; // 선택 문자열 출력.
  str+='<TD>'+selectObj[i].value+'</TD>'; // 선택값 출력.
  str+='<TD>'+selectObj[i].selected+'</TD>'; // 선택되었는지 여부의 부울값 출력.
  str+='<TD>'+selectObj[i].defaultSelected+'</TD>'; // 디폴트로 선택되었는지 여부의 부울값 출력.
} // 루프 종료.
str+='</TABLE>';
loop.innerHTML=str;
</SCRIPT>