아래 그림과 같이 :
다음과 같이 코드 코드를 복사하십시오.
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<meta http-equiv = "content-type"content = "text /html; charset = utf-8" /> />
<title> 비 -타이틀 문서 </title>
<script type = "text/javaScript">
함수 copytolist (From, to) {
var fromlist = vali ( 'document.forms [0].'+from);
var tolist = eval ( 'document.forms [0].'+);
if (tolist.options.length> 0 && tolist.options [0]. value == 'temp') {
tolist.options.length = 0;
}
var sel = false;
for (i = 0; i <teomlist.options.length; i ++) {
var current = fromList.Options [i];
if (current.select) {
sel = true;
if (current.value == 'temp') {{
Alert ( '이 프로젝트를 선택할 수 없습니다!');
반품;
}
txt = current.text;
값 = current.value;
tolist.options [tolist.length] = 새 옵션 (txt, value);
fromlist.options [i] = null;
나 ---;
}
}
if (! sel) Alert ( '아직 프로젝트를 선택하지 않았습니다!');
}
function allSelect () {
var chsen = document.getElementById ( '선택');
// Chsen 목록 상자가 0이거나 첫 번째 옵션 값이 'temp'인 경우
if (chsen.length && chsen.opting [0]. value == "temp")
반품;
for (var i = 0; i <chsen.length; i ++) {
chsen.options [i] .select = true;
}
// 데이터를 얻습니다
함수 getData () {
var list = document.forms [0] .Rolelist;
// 숨겨진 텍스트 상자 객체를 가져옵니다
var 역할 = document.getElementById ( "trolelist");
RELOL.VALUE = "";
var s = "";
if (list.length! = 0) {{
for (i = 0; i <list.length; i ++) {
s + = list.option [i], ",", "
}
}
역할. value = s;
}
}
</스크립트>
</head>
<body>
<테이블>
<form onsubmit = "allSelect ()">
<tr>
<td>
<select name = "postible"size = "4"배수>
<옵션 값 = "1"> 광저우, 중국 </옵션>
<옵션 값 = "2"> 상하이, 중국 </옵션>
<옵션 값 = "3"> 베이징, 중국 </옵션>
<옵션 값 = "4"> China Wuhan </옵션>
</선택>
</td>
<td> <a href = "javaScript : copyTolist ( '컨소링', '선택')"> 오른쪽에 추가-> <br>
<br>
</a> <a href = "javaScript : copyTolist ( '선택', 'postible')"> <-왼쪽에 add </a> </td>
<td>
<select name = "선택된"size = "4"배수>
<옵션 값 = "테스트"> 왼쪽에서 영역을 선택하십시오 </옵션>
</선택>
</td>
</tr>
</form>
</테이블>
<입력 유형 = "버튼"value = "제출"onclick = "AllSelect ()" /> yle
<입력 유형 = "text"style = "display : none;"
</body>
</html>