select °³Ã¼ÀÇ Option °³Ã¼µéÀÇ Ä÷º¼ÇÀº ¹ÝȯÇÑ´Ù.

Àμö
: (°³Ã¼)
ÇʼöÀûÀÎ ¿ä¼ÒÀÌ°í Ä÷º¼ÇÀ» Æ÷ÇÔÇÏ´Â ¸ðü °³Ã¼ÀÌ´Ù.

cVal : (Ä÷º¼Ç)
¼±ÅÃÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀ» ³ªÅ¸³»´Â °³Ã¼ÀÌ´Ù.

oVal : (°³Ã¼)
¼±ÅÃÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀÇ ÇÑ°³ÀÇ ¿¤·¹¸àÆ® °³Ã¼ÀÌ´Ù.

index : (Á¤¼ö/¹®ÀÚ¿­)
ÇʼöÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀÇ Àμö³ª ¹®ÀÚ¿­·Î ÇÑ°³ÀÇ ¿¤·¹¸àÆ® °³Ã¼³ª ´Ù¸¥ Ä÷º¼ÇÀ» ÂüÁ¶ÇÒ¼ö ÀÖ°í ¹è¿­º¯¼öÀÇ ±ÔÄ¢¿¡µû¶ó 0ºÎÅÍ ½ÃÀÛÇÏ°í Á¦ÀÏ ¸¶Áö¸· Àμö´Â ±æÀ̺¸´Ù 1 ÀÛ´Ù. °°Àº nameÀ̳ª id ¼Ó¼ºÀ» °¡Áø °³Ã¼µéÀÌ ÀÖ´Â °æ¿ì¿¡´Â Ä÷º¼ÇÀ» ¹ÝȯÇÑ´Ù.

subIndex : (¹®ÀÚ¿­)
¼±ÅÃÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀÇ ¹Ýȯ¹Þ°íÀú ÇÏ´Â °³Ã¼ÀÇ À§Ä¡¸¦ ÁöÁ¤Çϸç nameÀ̳ª id ¼Ó¼º°ªÀ» ÁöÁ¤ÇÏ´Â ¹®ÀÚ¿­ÀÌ´Ù. ÀÏÄ¡ÇÏ´Â °³Ã¼³ª Ä÷º¼ÇÀ» ¹ÝȯÇÑ´Ù.

Ư±â

option °³Ã¼¸¦ »èÁ¦ÇÏ·Á¸é select °³Ã¼ÀÇ option °³Ã¼ÀÇ °ªÀ» null·Î ¼³Á¤ÇÑ´Ù. °á°ú ¹è¿­º¯¼ö´Â ¾ÐÃàµÈ´Ù.

¸¸ÀÏ ÀνÄÀÚ°¡ °°Àº ¿¤·¹¸àÆ®°¡ ÀÖÀ¸¸é À̵éÀÇ Ä÷º¼ÇÀ¸·Î ¹ÝȯµÇ¸ç, ÀÏ¹Ý ¹è¿­º¯¼öÀÇ ±ÔÄ¢¿¡ µû¶ó ¼øÂ÷ÀûÀÎ À§Ä¡·Î ÂüÁ¶µÈ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
ÂüÁ¶

ÀÌ Ä÷º¼ÇÀº (¿µ¹®)DOM Level 1(W3C Document Object Model)¿¡ Á¤ÀǵǾú´Ù.


¼³¸íÀ» À§ÇÑ ¿¹Á¦

<SCRIPT>
selColl=document.all.tags("SELECT")(0);
str='';
if (selColl.length){
   for (i=0;i< selColl.options.length;i++){
     str+='selColl['+i+'].text='+selColl.options(i).text;
     str+=', selColl.options['+i+'].value='+selColl.options[i].value+'<BR>';
  }
  document.write(str);
}
</SCRIPT>

length ¼Ó¼º IE
¢¡ Ä÷º¼ÇÀÇ ±æÀ̸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: [iVal=].length
ÄÚµå: document.write(oObj.length); °á°ú:
item ¼Ó¼º IE4 NS2
¢¡ ¸ðü options ¹è¿­º¯¼ö °³Ã¼ÀÇ °³º° Ç׸ñ Option °³Ã¼¸¦ ¹ÝȯÇÑ´Ù.
¹®¹ý: [oVal=]item
ÄÚµå: document.write(formName.selName.options.item.length) °á°ú:
selected ¼Ó¼º IE4 -
¢¡ ¸ðü select °³Ã¼ÀÇ Option °³Ã¼ ¹è¿­º¯¼ö Áß¿¡¼­ ¼±ÅõǾú´ÂÁö¸¦ ºÎ¿ï°ªÀ¸·Î ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
¼±ÅõǾúÀ¸¸é true·Î ¹ÝȯÇÏ°í, ¼±ÅõÇÁö ¾Ê¾ÒÀ¸¸é false·Î ¹ÝȯÇÑ´Ù.
¹®¹ý: [bVal=]selected
ÄÚµå: obj=formName.selName.options;for (i=0;i<obj.length;i++){document.write('('+i+')'+obj[i].selected+' ')}
°á°ú:
ÄÚµå: document.write(formName.selName.options.value) °á°ú:
ÄÚµå: document.write(oObj.selectedIndex) °á°ú:

add ¸Þ¼­µå IE
¢¡ areas, controlRanges³ª options Ä÷º¼Ç¿¡ ¿¤·¹¸àÆ®¸¦ Ãß°¡ÇÑ´Ù.
¹®¹ý: [oVal=].add(sVal)
ÄÚµå: newOpt=document.createElement("OPTION");newOpt.text='»õ ¼±ÅÃ';oObj.add(newOpt);document.write(oObj.length+' | '+oObj[oObj.length-1].text); °á°ú:
item ¸Þ¼­µå IE
¢¡ À妽º·Î Ä÷º¼ÇÀÇ ÇÑ°³ÀÇ °³Ã¼¸¦ ¹ÝȯÇÑ´Ù.
¹®¹ý: [oVal=].item('iVal')
ÄÚµå: document.write(oObj.item(1).innerText °á°ú:
namedItem ¸Þ¼­µå IE6
¢¡ À̸§(name)À̳ª ÀνÄÀÚ(id) ¹®ÀÚ¿­¿¡ ÇØ´çÇÏ´Â Ä÷º¼Ç¿¡¼­ ÇÑ°³ÀÇ °³Ã¼³ª ÇϺΠÄ÷º¼ÇÀ» ¹ÝȯÇÑ´Ù.
¹®¹ý: [oVal=].namedItem('sVal')
ÄÚµå: document.write(oObj.namedItem('option1').innerText) °á°ú:
remove ¸Þ¼­µå IE
¢¡ areas, controlRanges³ª options Ä÷º¼Ç¿¡¼­ ÇÑ ¿¤·¹¸àÆ®¸¦ »èÁ¦ÇÑ´Ù.
¹®¹ý: [oVal=].remove(index)
ÄÚµå: oObj.remove(oObj.length-1);document.write(oObj.length+' | '+oObj[oObj.length-1].text); °á°ú:
tags ¸Þ¼­µå IE
¢¡ Ä÷º¼Ç¿¡¼­ HTML ¿¤·¹¸àÆ® À̸§ ¹®ÀÚ¿­°ú ÀÏÄ¡ÇÏ´Â ¿¤·¹¸àÆ®µéÀÇ Ä÷º¼ÇÀ̳ª ÇÑ°³ÀÇ ¿¤·¹¸ÇÆ® °³Ã¼¸¦ ¹ÝȯÇÑ´Ù.
¹®¹ý: [oVal=].tags('sVal')
ÄÚµå: document.write(oObj.tags('option').length) °á°ú:
urns ¸Þ¼­µå IE
¢¡ behavior°¡ ÷ºÎµÈ ¸ðµç °³Ã¼ÀÇ Ä÷º¼ÇÀ» ¹ÝȯÇÑ´Ù.
¹®¹ý: [oVal=].urns('sVal')
ÄÚµå: document.write(oObj.urns('../public/hilite.htc')) °á°ú: