SELECT BOX에서 데이터 좌우 이동[ 편집자 : Blueⓘ ]
2009년 11월 19일 오전 10시 57분 태그 : , / 조회수 : 817

옛날에 작성했던 코드가 유실되어 다시 찾아서 올려 봅니다.
다빈님의 블로그에서 코드를 발견했네요.

http://blog.naver.com/davincigo?Redirect=Log&logNo=60090722631

다빈님 덕분에 자료를 다시 올릴수 있게되어 감사드립니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

<!--
작 성 자 : Blueⓘ (bluei98@gmail.com)
홈페이지 : http://www.blueiblog.com
작 성 일 : 2005-02-15
-->
<html>
<head>
	<script language="javascript">
	<!--
	function move(fbox, tbox) {
		for(i=0; i<fbox.options.length; i++)
		{
			if(fbox.options[i].selected)
			{
				tbox.options[tbox.options.length] = new Option(fbox.options[i].text, fbox.options[i].value);
				fbox.options[i] = null;
				i=i-1;
			}
		}
	}
 
	function selectAll(box) {
		for(var i=0; i<box.length; i++) {
			box.options[i].selected = true;
		}
	}
	-->
	</script>
</head>
<body>
	<form method="post" name="FORM">
		<table width="600" align="center">
		<tr>
			<td width="280">
				<select multiple name="left[]" size="15" style="width:100%;">
				<option value="111">111</option>
				<option value="222">222</option>
				<option value="333">333</option>
				<option value="444">444</option>
				<option value="555">555</option>
				<option value="666">666</option>
				</select>
			</td>
			<td width="40">
				<a href="javascript:move(document.FORM.elements['left[]'],document.FORM.elements['right[]'])">▶</a>
				<a href="javascript:move(document.FORM.elements['right[]'],document.FORM.elements['left[]'])">◀</a>
			</td>
			<td width="280">
				<select multiple name="right[]" size="15" style="width:100%;">
				<option value="777">777</option>
				<option value="888">888</option>
				</select>
			</td>
		</tr>
		</table>
	</form>
</body>
엮인글 주소 : http://www.blueiblog.com/ko/archives/1484/trackback
  • 이 숫자를 스팸 방지키란에 입력하여 주세요.