select °³Ã¼ÀÇ Option °³Ã¼µéÀÇ Ä÷º¼ÇÀº ¹ÝȯÇÑ´Ù.
- Àμö
-
- : (°³Ã¼)
- ÇʼöÀûÀÎ ¿ä¼ÒÀÌ°í Ä÷º¼ÇÀ» Æ÷ÇÔÇÏ´Â ¸ðü °³Ã¼ÀÌ´Ù.
- cVal : (Ä÷º¼Ç)
- ¼±ÅÃÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀ» ³ªÅ¸³»´Â °³Ã¼ÀÌ´Ù.
- oVal : (°³Ã¼)
- ¼±ÅÃÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀÇ ÇÑ°³ÀÇ ¿¤·¹¸àÆ® °³Ã¼ÀÌ´Ù.
- index : (Á¤¼ö/¹®ÀÚ¿)
- ÇʼöÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀÇ Àμö³ª ¹®ÀÚ¿·Î ÇÑ°³ÀÇ ¿¤·¹¸àÆ® °³Ã¼³ª ´Ù¸¥ Ä÷º¼ÇÀ» ÂüÁ¶ÇÒ¼ö ÀÖ°í ¹è¿º¯¼öÀÇ ±ÔÄ¢¿¡µû¶ó 0ºÎÅÍ ½ÃÀÛÇÏ°í Á¦ÀÏ ¸¶Áö¸· Àμö´Â ±æÀ̺¸´Ù 1 ÀÛ´Ù. °°Àº nameÀ̳ª id ¼Ó¼ºÀ» °¡Áø °³Ã¼µéÀÌ ÀÖ´Â °æ¿ì¿¡´Â Ä÷º¼ÇÀ» ¹ÝȯÇÑ´Ù.
- subIndex : (¹®ÀÚ¿)
- ¼±ÅÃÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀÇ ¹Ýȯ¹Þ°íÀú ÇÏ´Â °³Ã¼ÀÇ À§Ä¡¸¦ ÁöÁ¤Çϸç nameÀ̳ª id ¼Ó¼º°ªÀ» ÁöÁ¤ÇÏ´Â ¹®ÀÚ¿ÀÌ´Ù. ÀÏÄ¡ÇÏ´Â °³Ã¼³ª Ä÷º¼ÇÀ» ¹ÝȯÇÑ´Ù.
- Ư±â
-
option °³Ã¼¸¦ »èÁ¦ÇÏ·Á¸é select °³Ã¼ÀÇ option °³Ã¼ÀÇ °ªÀ» null·Î ¼³Á¤ÇÑ´Ù. °á°ú ¹è¿º¯¼ö´Â ¾ÐÃàµÈ´Ù.
¸¸ÀÏ ÀνÄÀÚ°¡ °°Àº ¿¤·¹¸àÆ®°¡ ÀÖÀ¸¸é À̵éÀÇ Ä÷º¼ÇÀ¸·Î ¹ÝȯµÇ¸ç, ÀÏ¹Ý ¹è¿º¯¼öÀÇ ±ÔÄ¢¿¡ µû¶ó ¼øÂ÷ÀûÀÎ À§Ä¡·Î ÂüÁ¶µÈ´Ù.
- Àû¿ë
-
- ÂüÁ¶
-
ÀÌ Ä÷º¼ÇÀº (¿µ¹®)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'))
°á°ú: