ดังที่แสดงด้านล่าง:
คัดลอกรหัสรหัสดังนี้:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<title> เอกสารที่ไม่ใช่ title </title>
<script type = "text/javascript">
ฟังก์ชั่น CopyToList (จาก, ถึง) {
var fromlist = eval ('document.forms [0].'+จาก);
var tolist = eval ('document.forms [0].'+to);
if (tolist.options.length> 0 && tolist.options [0]. value == 'temp') {
tolist.options.length = 0;
-
var sel = false;
สำหรับ (i = 0; i <teomlist.options.length; i ++) {
var current = fromlist.options [i];
if (current.select) {
sel = true;
if (current.value == 'temp') {{
การแจ้งเตือน ('ไม่สามารถเลือกโครงการนี้ได้!');
กลับ;
-
txt = current.text;
value = current.value;
tolist.options [tolist.length] = ตัวเลือกใหม่ (txt, ค่า);
fromlist.options [i] = null;
ฉัน ---;
-
-
if (! sel) แจ้งเตือน ('คุณยังไม่ได้เลือกโครงการใด ๆ !');
-
ฟังก์ชั่น allselect () {
var chsen = document.getElementById ('เลือก');
// ถ้ากล่องรายการ Chsen เป็น 0 หรือค่าตัวเลือกแรกคือ 'Temp'
if (chsen.length && chsen.opting [0]. value == "temp")
กลับ;
สำหรับ (var i = 0; i <chsen.length; i ++) {
chsen.options [i]. select = true;
-
// รับข้อมูล
ฟังก์ชั่น getData () {
var list = document.forms [0] .Rolelist;
// รับวัตถุกล่องข้อความที่ซ่อนอยู่
var roles = document.getElementById ("troleList");
ROLES.VALUE = "";
var s = "";
if (list.length! = 0) {{
สำหรับ (i = 0; i <list.length; i ++) {
s + = list.option [i]
-
-
ROLES.VALUE = S;
-
-
</script>
</head>
<body>
<table>
<form onsubmit = "allselect ()">
<tr>
<td>
<select name = "postible" size = "4" multiple>
<ตัวเลือกค่า = "1"> กวางโจว, จีน </portion>
<ตัวเลือกค่า = "2"> เซี่ยงไฮ้จีน </portion>
<ตัวเลือกค่า = "3"> ปักกิ่ง, จีน </portion>
<ตัวเลือกค่า = "4"> China Wuhan </pontion>
</เลือก>
</td>
<td> <a href = "JavaScript: CopyToList ('เป็นไปได้', 'เลือก')"> เพิ่มไปทางขวา-> <br>
<br>
</a> <a href = "JavaScript: CopyToList ('เลือก', 'postible')"> <-add ไปทางซ้าย </a> </td>
<td>
<select name = "เลือก" size = "4" หลายตัว>
<ตัวเลือกค่า = "ทดสอบ"> เลือกพื้นที่ของคุณจากด้านซ้าย </potion>
</เลือก>
</td>
</tr>
</form>
</table>
<อินพุต type = "button" value = "ส่ง" onclick = "allselect ()" /> yle
<อินพุต type = "text" style = "display: none;" id = "truelist">
</body>
</html>