추가하고 위 예제의 변화을 보라.

<DIV id=showA>결과 표시창</DIV>
<BUTTON onclick="showOptions()">선택 보기</BUTTON>
<BUTTON id="addBut" onclick="AddOne()">선택 추가</BUTTON>
<SCRIPT>
selColl=formName.selectName;

function AddOne(){
  if (selColl.length==6) addBut.disabled=true;
  numb=selColl.length+1;
  newOpt=document.createElement("OPTION");
  newOpt.text='새로운 선택'+numb;
  newOpt.name='newName'+numb;
  newOpt.value='newVal'+numb;
  selColl.add(newOpt);
  showOptions();
}

function showOptions(){
  str='';
  for (i=0;i< selColl.length;i++){
    str+=i+'] '+selColl[i].nodeName+' '+selColl[i].name+' '+selColl[i].text+' '+selColl[i].selected+'<BR>';
  }
  showA.innerHTML=str;
}
</SCRIPT>

<SELECT name="fruit" id="fruitObj" size="3" multiple>
<OPTION name="apple" value="A" selected>사과
<OPTION name="peach" value="P">복숭아
<OPTION name="mandarin" value="M" selected>감귤
<OPTION name="grape" value="G">포도
<OPTION name="grapefruit"  value="J">자몽
</SELECT>
<DIV id=showB>결과 표시창</DIV>
<SCRIPT>
selColl=fruit;
str='';
for (i=0;i< selColl.length;i++){
  str+=i+'] '+selColl[i].nodeName+' '+selColl[i].name+' '+selColl[i].text+' '+selColl[i].value+' '+selColl[i].selected+'<BR>';
}
showB.innerHTML=str;
</SCRIPT>