웹개발
Category
JSP/Servlet
ASP
ASP.NET
PHP
웹디자인
Category
Photoshop
Illustrator
Flash
클라이언트 스크립트
Category
●
Javascript Example
Javascript
CSS3
HTML5
데이타 베이스
Category
MySQL
MSSQL
커뮤니티
Category
공지사항
개발자마당
엔지니어마당
자유마당
플래쉬게임
여행과정보
질문과 답변
Category
웹개발 질문과답변
디자인 질문과답변
자료실
Category
이미지 자료실
개발 자료실
클럽
Category
자동차클럽
하늘소리
공이랑
Javascript Example
Javascript
CSS3
HTML5
Javascript Example
제 목
[SELECT] 두개의 셀렉트 박스 이동하기
작성자
운영자
등록일
200809240110208
조회수
26,018
두개의 셀렉트 박스를 이동하는 자바스크립트 소스입니다.
미리보기에서 확인하실 수 있습니다.
New Document
목록1
목록2
<HTML> <HEAD> <TITLE> New Document </TITLE> <script type="text/javascript"> <!-- function Init() { document.form.allowList.options.add(new Option("마징가", "1")); document.form.allowList.options.add(new Option("울트라", "2")); document.form.allowList.options.add(new Option("베트맨", "3")); document.form.allowList.options.add(new Option("슈퍼맨", "4")); document.form.allowList.options.add(new Option("왕눈이", "5")); document.form.allowList.options.add(new Option("아로미", "6")); document.form.allowList.options.add(new Option("손오공", "7")); document.form.allowList.options.add(new Option("오로라", "8")); } function Add(sel) { //복사 var selectedItem = sel.options[sel.options.selectedIndex]; document.form.denyList.options.add(new Option(selectedItem.text, selectedItem.value)); //삭제 sel.options.remove(sel.options.selectedIndex); } function Remove(sel) { var selectedItem = sel.options[sel.options.selectedIndex]; document.form.allowList.options.add(new Option(selectedItem.text, selectedItem.value)); //삭제 sel.options.remove(sel.options.selectedIndex); } //--> </script> <body onload="Init();"> <form name="form"> <table align="center" width="350"> <tr> <td width="150" align="center"><h5>목록1</h5></td> <td width="50"> </td> <td width="150" align="center"><h5>목록2</h5></td> </tr> <tr> <td><select id="allowList" size="10" ondblclick="Add(this)"></select></td> <td> </td> <td><select id="denyList" size="10" ondblclick="Remove(this)"></select></td> </tr> </table> </form> </body> </html>
0
0
※ 짧은 댓글일수록 예의를 갖추어 작성해 주시기 바랍니다.
번호
제목
글쓴이
추천
조회
날짜
288
[CHECKBOX] 체크박스 한번에 선택/해제하기 (#2)
운영자
0 /
0
24837
2008-10-22
287
[MENU] 트랜지션효과 드롭다운 메뉴
운영자
2 /
1
27865
2008-10-08
286
[SELECTBOX] SELECT 박스에 새로운 항목이 추가됩니다.
운영자
0 /
0
26023
2008-10-06
285
[TIME] 오늘날짜와 이전,이후 날짜 구하기
운영자
1 /
0
24929
2008-10-03
284
[MENU] 사라졌다 나오는 LEFT 메뉴
운영자
0 /
0
31392
2008-10-02
283
[TEXTAREA] Text Area 뉴스 스티커
운영자
0 /
0
24066
2008-10-01
282
[CHECK BOX] 체크박스에 체크한 값 가져오기
운영자
8 /
32
58927
2008-09-30
281
[LOGIN] 로그인 유효성 검사
운영자
6 /
0
41197
2008-09-27
280
[INPUT BOX] 포커스 이동에 따른 이벤트
운영자
0 /
0
25752
2008-09-27
279
[INPUT BOX] 문자 코드값 알아내기
운영자
0 /
0
24393
2008-09-27
278
[POPUP] 팝업 생성기
운영자
0 /
0
25879
2008-09-26
277
[MENU] 토글메뉴
운영자
0 /
0
29252
2008-09-25
276
[INPUT BOX] 동적으로 INPUT BOX 생성하기
[1]
운영자
2 /
0
29535
2008-09-25
275
[EDITOR] 이지웹 에디터
운영자
0 /
0
27640
2008-09-24
274
[INPUT BOX] INPUT 박스에 지정한 갯수가 차면 커서가 다음 박스로 이동하는 소..
운영자
0 /
0
24075
2008-09-24
273
[SELECT] 두개의 셀렉트 박스 이동하기
운영자
0 /
0
26018
2008-09-24
272
[GRAPH] 동적 막대그래프
운영자
0 /
0
29474
2008-09-23
271
[INPUT BOX] 입력이 잘못되면 색상이 강조됩니다.
운영자
0 /
0
26176
2008-09-22
270
[TEXTAREA] 실시간 HTML 뷰어
운영자
0 /
0
28826
2008-09-20
269
[CHECK BOX] 체크폼
운영자
0 /
0
24435
2008-09-19
268
[INPUT BOX] 페이지 로딩시 첫번째 필드의 특정 항목 자동선택 시키기
운영자
0 /
0
25423
2008-09-18
267
[CHECK BOX] 체크박스가 아닌곳을 선택해도 체크가 됩니다.
운영자
0 /
0
23476
2008-09-17
266
[INPUT BOX] 정규식을 이용한 간단한 폼체크
운영자
0 /
0
24781
2008-09-16
265
[TEXT] 텍스트 롤링(Vertical Scrolling) 자바 스크립트 (#3)
운영자
0 /
0
30567
2008-09-16
264
[TEXT] 텍스트 롤링(Vertiacl Scrolling) 자바 스크립트 (#2)
운영자
0 /
0
26715
2008-09-11
[1]
[2]
[3]
4
[5]
[6]
[7]
[8]
[9]
[10]
제목
내용
제목+내용
작성자