* ½ºÅ©¸³Æ® ¸ñÀû - ±âÁ¸ÀÇ ¼¿·ºÆ®¹Ú½º¸¦ ½ºÅ¸ÀÏÀÇ Àû¿ëÀÌ °¡´ÉÇÑ ·¹À̾î ÇüÅÂ(½ÇÁ¦·Î´Â Å×À̺í°ú Popup Object)·Î ÀÚµ¿ º¯È¯ * ÁÖ¿ä ±â´É ¹× Ư¡ - ±âÁ¸ ¼¿·ºÆ®¹Ú½º ű×ÀÇ ¼öÁ¤ ¾øÀÌ ½ºÅ¸ÀÏ ½ÃÆ®¿¡ Á¤ÀÇÇÏ´Â °Í¸¸À¸·Î ¸ðµç ¼¿·ºÆ®¹Ú½º º¯È¯ °¡´É - ¼¿·ºÆ®¹Ú½º¸¦ ±âÁØÀ¸·Î ¾Æ·¡À§ÀÇ ¿©¹éÀ» ºñ±³ÇÏ¿© ¿É¼Ç Ç׸ñ âÀÇ Ãâ·Â ¹æÇâ °áÁ¤ - ±âÁ¸ ¼¿·ºÆ®¹Ú½ºÃ³·³ º¯È¯µÈ ¼¿·ºÆ®¹Ú½ºµµ Æ÷Ä¿½º¸¦ °¡Áú ¼ö ÀÖÀ½ <script>document.getElementById('SelectBox_Name').focus();</script> - º¯È¯µÈ ¼¿·ºÆ®¹Ú½º°¡ Æ÷Ä¿½º¸¦ °¡Áö°í ÀÖÀ» °æ¿ì ÈÙÀ» ¿òÁ÷À̰ųª Å°º¸µåÀÇ Home, End, Page Up, Page Down, Up Arrow, Down Arrow µîÀ» ´©¸§¿¡ µû¶ó °ªÀÇ º¯°æÀÌ °¡´É ¶ÇÇÑ ¿·ÁÁø ¿É¼Ç Ç׸ñ â¿¡¼µµ °¡´ÉÇÔ - À§ÀÇ À̺¥Æ® ½Ã¿¡ ¹®¼ÀÇ ½ºÅ©·ÑÀ» Á¦¾îÇÏ¿© ¹®¼ÀÇ ¿òÁ÷ÀÓÀÌ ¾øÀ½ - ¾ÆÀÌÇÁ·¹ÀÓ ¹× ÇÁ·¹ÀÓ¿¡ »ðÀÔµÈ »óȲ¿¡¼µµ ÇÁ·¹ÀÓ¿¡ ¿µÇâÀ» ¹ÞÁö ¾Ê°í Á¤»óÀûÀ¸·Î Ãâ·Â (Layer°¡ ¾Æ´Ñ Popup Object¸¦ ÀÌ¿ë) - ¼¿·ºÆ®¹Ú½ºÀÇ Ç׸ñÀÌ µ¿ÀûÀ¸·Î º¯°æÇÒ °æ¿ì¸¦ À§ÇÑ ¸Þ¼Òµå Á¦°ø <script>document.getElementById("SelectBox_Name").reInitializeSelectBox();</script> - ¿É¼Ç Ç׸ñ â¿¡ Ãâ·ÂµÉ Ç׸ñÀÇ °¹¼ö¸¦ ÁöÁ¤(setDisplayCount() ¸Þ¼Òµå ÀÌ¿ë)ÇÒ ¼ö ÀÖÀ¸¸ç Ç׸ñÀÌ Ãâ·ÂµÉ °¹¼öº¸´Ù ¸¹À» °æ¿ì ÀÚµ¿À¸·Î ½ºÅ©·Ñ¹Ù »ý¼º (±âº»°ªÀº 10) - ¼¿·ºÆ®¹Ú½º ¹× ¿É¼Ç Ç׸ñ¿¡ ´ëÇØ ÅøÆÁ ¸Þ¼¼Áö ¼³Á¤ °¡´É - ƯÁ¤ ¼¿·ºÆ®¹Ú½ºÀÇ »ö»ó ¹× È»ìÇ¥ À̹ÌÁö º¯°æ °¡´É - º¯È¯µÈ ·¹À̾ ÅؽºÆ®Ã³·³ Ãë±Þ (¿¬¼ÓÀûÀÎ Ãâ·ÂÀÌ °¡´É, ÇÏ´Ü ¿©¹é ¾øÀ½) - HTC °¡ Áö¿øµÇ´Â ºê¶ó¿ìÁ®¿¡¼¸¸ º¯È¯ (HTC´Â 5.0 À̻󿡼 °¡´ÉÇϳª createPopup() ¸Þ¼Òµå°¡ 5.5ºÎÅÍ Áö¿øµÇ¾î IE 5.5 À̻󿡼¸¸ º¯È¯) - ¿É¼Ç Ç׸ñ â Ãâ·Â½Ã ÀϽÃÀûÀ¸·Î ¹®¼°¡ ±æ¾îÁ® ½ºÅ©·Ñ¹Ù°¡ Ãâ·ÂµÇ´Â ÀÏÀÌ ¾øÀ½ |
* »ç¿ë ¹æ¹ý |
* ¼¿·ºÆ®¹Ú½º Æ÷Ä¿½º ó¸® |
|
<body onLoad="document.getElementById('selectbox_focus').focus();"> |
* ¼¿·ºÆ®¹Ú½º µ¿Àû º¯°æ ó¸® |
||
|
<script> |
|
|
<script> function changeItem(selected_index){ var objSB = document.getElementById("selectbox_dc_2"); for(i=0; i<10; i++){ objSB.add = new Option("º¯°æµÈ "+i+"¹ø° Ç׸ñ",i); } if(selected_index) objSB.selectedIndex = selected_index; objSB.reInitializeSelectBox(); } </script> |
* »ö»ó ¹× È»ìÇ¥ À̹ÌÁö ¼³Á¤ setColor="ÀϹÝÆùÆ®»ö»ó,ÀϹݹè°æ»ö»ó,·Ñ¿À¹öÆùÆ®»ö»ó,·Ñ¿À¹ö¹è°æ»ö»ó,ÀϹݺ¸´õ»ö»ó,·Ñ¿À¹öº¸´õ»ö»ó" setImage="./arrow_image.gif" (14*16 ÀÌÇÏ »çÀÌÁî) |
|
<select> (±âº»Çü) | |
<select setColor="#000000,#FFFFFF,#000000,#E6E4E4,#C0C0C0,#000000"> | |
<select setColor="white,red,black,white,blue,yellow"> | |
<select setImage="./arrow_image2.gif"> | |
setColor¿Í setImage µ¿½Ã Àû¿ë |
* ÅøÆÁ ¸Þ¼¼Áö ¼³Á¤ |
|
<select name='selectbox_tooltip' tooltip='Çʼö Ç׸ñÀÌ´Ï ²À ¼±ÅÃÇϼ¼¿ä'> <option value='1' tooltip='ù¹ø° Ç׸ñ'>1¹ø Ç׸ñ</option> <option value='2' tooltip='µÎ¹ø° Ç׸ñ'>2¹ø Ç׸ñ</option> <option value='3' tooltip='¼¼¹ø° Ç׸ñ'>3¹ø Ç׸ñ</option> <option value='4' tooltip='³×¹ø° Ç׸ñ'>4¹ø Ç׸ñ</option> <option value='5' tooltip='´Ù¼¸¹ø° Ç׸ñ'>5¹ø Ç׸ñ</option> </select> |
* ÃÖ´ë Ãâ·Â °¹¼ö ¼³Á¤ |
|
<select name="selectbox_count_1" setDisplayCount="5"> | |
<select name="selectbox_count_2" setDisplayCount="10"> | |
<select name="selectbox_count_3" setDisplayCount="15"> |
* SelectBoxÀÇ ³ÐÀÌ ¼³Á¤ |
|
<select style="width:200px" > | |
ÀÚµ¿ ¼³Á¤ ( ¿É¼Ç ³»¿ëÀÌ Çѱ۸¸ ) | |
ÀÚµ¿ ¼³Á¤ ( ¿É¼Ç ³»¿ëÀÌ ¿µ¹®¸¸ ) | |
ÀÚµ¿ ¼³Á¤ ( ¿É¼Ç ³»¿ëÀÌ ÇÑ±Û + ¿µ¹® + ¼ýÀÚ ) |
* Å×ÀÌºí ¾È¿¡¼ÀÇ Á¤·Ä |
|
¿ÞÂÊ Á¤·Ä | |
Áß¾Ó Á¤·Ä | |
¿À¸¥ÂÊ Á¤·Ä |
* onChange À̺¥Æ® ó¸® |
|
<select onChange="alert('¼±Åðª : '+this.options[this.selectedIndex].value)"> | |
<select onChange="location.href=this.options[this.selectedIndex].value;"> |
* ½ºÅ©·Ñ¹Ù ¹× ·¹À̾î À§Ä¡ Å×½ºÆ® |
|
Å×½ºÆ®¿ë 1 (Ç׸ñÀÌ 2°³) | |
Å×½ºÆ®¿ë 2 (Ç׸ñÀÌ 5°³) | |
Å×½ºÆ®¿ë 3 (Ç׸ñÀÌ 10°³) | |
Å×½ºÆ®¿ë 4 (Ç׸ñÀÌ 15°³) | |
Å×½ºÆ®¿ë 5 (Ç׸ñÀÌ 100°³) |
* ¾ÆÀÌÇÁ·¹ÀÓ Å×½ºÆ® |