|
|
|
|
î¤éÞ / 2007-03-07 / ¿ÀÀü 2:02:13 / 221.152.73.203
Á¶È¸¼ö : 940
|
[Áú¹®] select ¹Ú½º ´Ù·ç±â |
<script>
function menuMove(id,mode) {
// mode can be 'first', 'last', 'up', 'down'
var obj = document.getElementById(id);
var idx = obj.selectedIndex;
if (idx < 0) idx = obj.selectedIndex = 0;
var opt = obj.options[obj.selectedIndex];
switch (mode) {
case 'first':
obj.insertBefore(opt, obj.options[0]);
break;
case 'last':
obj.appendChild(opt);
break;
case 'up':
if (idx > 0) obj.insertBefore(opt, obj.options[idx-1]);
break;
case 'down':
if (idx < obj.options.length-1) obj.insertBefore(obj.options[idx+1], opt);
break;
}
}
</script>
# ¿¹Á¦:
<select id="s" size="8">
<option value="1 ¹ø ¸Þ´º ÀÔ´Ï´Ù">1 ¹ø ¸Þ´º ÀÔ´Ï´Ù</option>
<option value="2 ¹ø ¸Þ´º ÀÔ´Ï´Ù">2 ¹ø ¸Þ´º ÀÔ´Ï´Ù</option>
<option value="3 ¹ø ¸Þ´º ÀÔ´Ï´Ù">3 ¹ø ¸Þ´º ÀÔ´Ï´Ù</option>
<option value="4 ¹ø ¸Þ´º ÀÔ´Ï´Ù">4 ¹ø ¸Þ´º ÀÔ´Ï´Ù</option>
<option value="5 ¹ø ¸Þ´º ÀÔ´Ï´Ù">5 ¹ø ¸Þ´º ÀÔ´Ï´Ù</option>
<option value="6 ¹ø ¸Þ´º ÀÔ´Ï´Ù">6 ¹ø ¸Þ´º ÀÔ´Ï´Ù</option>
</select>
<div>
<a href="javascript:menuMove('s','first')">óÀ½</a> |
<a href="javascript:menuMove('s','up')">À§·Î</a> |
<a href="javascript:menuMove('s','down')">¾Æ·¡·Î</a> |
<a href="javascript:menuMove('s','last')">¸¶Áö¸·</a>
</div> |
|
|
|