¼¿·ºÆ®(select) ¹Ú½º¿¡¼ ´ÙÁß¼±Åà ÇÑ ¾ÆÀÌÅÛ ´Ù¸¥ ¼¿·ºÆ® ¹Ú½º·Î ¿Å±â±â¡Ø ³»¿ë ¾÷µ¥ÀÌÆ®¿Í ȨÆäÀÌÁö °ü¸® ´Ù½Ã ½ÃÀÛÇÏ°Ú½À´Ï´Ù. ^^;
|
|||
|
|||
¿¹Á¦
|
|||
¼Ò½º
<script language="JavaScript"> <!-- function addItem(){ var frm = document.form1; var cnt = frm.sel1.options.length; var cnt2 = 0; for (var i=0 ; i < cnt ; i++){ if(frm.sel1.options[i].selected == true){ frm.sel2.options.add(new Option(frm.sel1.options[i].text, frm.sel1.options[i].value)); cnt2++; } } for (var i=0 ; i < cnt2 ; i++){ frm.sel1.options.remove(frm.sel1.selectedIndex); } } function removeItem(){ var frm = document.form1; var cnt = frm.sel2.options.length; var cnt2 = 0; for (var i=0 ; i < cnt ; i++){ if(frm.sel2.options[i].selected == true){ frm.sel1.options.add(new Option(frm.sel2.options[i].text, frm.sel2.options[i].value)); cnt2++; } } for (var i=0 ; i < cnt2 ; i++){ frm.sel2.options.remove(frm.sel2.selectedIndex); } } //--> </script> <form name="form1" method="get" action=""> <table border="1" align="center"> <tr> <td width="200"> <select name="sel1" size="10" style="width:100%" multiple> <option value="1">¾ß±ÙÀÌ ¾ø´Ù¸é ȸ»ç´Â?</option> <option value="2">´ú´ú´ú</option> <option value="3">Áö¸§½ÅÀÇ ¾Ð¹Ú!</option> <option value="4">Çæ</option> <option value="5">¸Þ·Õ</option> <option value="6">superkts.pe.kr</option> <option value="7">ÂøÇÑ °Íµé</option> </select> </td> <td width="30" align="center"><input type="button" value=" ¢º " onclick="addItem()"><br><br><input type="button" value=" ¢¸ " onclick="removeItem()"></td> <td width="200"> <select name="sel2" size="10" style="width:100%" multiple></select> </td> </tr> <tr> <td align="center" colspan="3">´ÙÁß ¼±Åà À̵¿ Å×½ºÆ®</td> </tr> </table> </form> |
|||
°ü·Ã±Û ¸ðÀ½ (¼¿·ºÆ® ¹Ú½º °ü·Ã ¿¹Á¦)
|
|||
|