نسخ رمز رمز على النحو التالي:
<html>
<head>
<title> إصدار JavaScript حدد القائمة المنسدلة للانتقال وفرزها </title>
<meta http-equiv = "content-type" content = "text/html ؛ charset = gb2312">
</head>
<body>
<p> حدد واحدًا أو أكثر ، ثم انقر لإضافة أو إزالة (يمكنك اختيار مجموعة متعددة من التحول أو CTRL) ، أو ربط مزدوج إلى عنصر التحديد للإضافة وإزالة. </p>
<form method = "post" name = "myform">
<griding>
<tr>
<td>
<selet multives name = "list1" size = "12" ondblClick = "MoveOption (document.myform.list1 ، document.myform.list2)">
<Option Value = "Beijing"> Beijing </portic>
<value Option = "Shanghai"> Shanghai </Option>
<Option Value = "Shandong"> Shandong </portion>
<Option Value = "anhui"> anhui </portic>
<Option Value = "chongqing"> chongqing </soph>
<خيار value = "fujian"> fujian </portic>
<value Option = "gansu"> gansu </portion>
<Option Value = "Guangdong"> Guangdong </Option>
<Option Value = "Guangxi"> Guangxi </portion>
<value Option = "guizhou"
أقل
<Option Value = "hebei"> hebei </point>
<value Option = "Heilongjiang"> Heilongjiang </point>
<Option Value = "Henan"> Henan </Option>
<Option Value = "Hubei"> hubei </portion>
<Option Value = "Hunan"> Hunan </Option>
<Option Value = "Inner Mongolia"> منغوليا الداخلية </option>
<value Option = "jiangsu"> Jiangsu </soph>
<value Option = "jiangxi"> jiangxi </soph>
<Option Value = "jilin"> Jilin </point>
<value Option = "liaoning"> liaoning </option>
<Option Value = "ningxia"> ningxia </portic>
<Option Value = "Qinghai"> Qinghai </portic>
<Option Value = "Shanxi"> Shanxi </portic>
<value Option = "shaanxi"> Shaanxi </soph>
<Option Value = "Sichuan"> Sichuan </Option>
<Option Value = "Tianjin"> tianjin </portion>
<Option Value = "Tibet"> Tibet </Option>
<value Option = "xinjiang"> xinjiang </soph>
<value Option = "yunnan"> Yunnan </Option>
<value Option = "Zhejiang"> Zhejiang </soph>
<Option Value = "Hong Kong"> Hong Kong </Option>
<Option Value = "Macau"> Macau </soph>
<Option Value = "Taiwan"> Taiwan </Option>
<Option Value = "other"> other </soph>
</select>
</td>
<td align = "center">
<type type = "button" value = ">>" onClick = "MoveOption (document.myform.list1 ، document.myform.list2)"> <br />
<br />
<type type = "button" value = "<<" "onClick =" MoveOption (document.myform.list2 ، document.myform.list1) ">">
</td>
<td>
<selet multives name = "list2" size = "12" wdblclick = "moveOption (document.myform.list2 ، document.myform.list1)">
</select>
</td>
<td>
<button onClick = "ChangePos (list2 ، -1)" type = "button">
على </button>
<br />
<button onClick = "ChangePos (list2،1)" type = "button">
على </button>
</td>
</r>
</table>
القيمة: <إدخال type = "text" name = "city" size = "40">
</form>
<script language = "javaScript">
<!-
وظيفة moveOption (e1 ، e2) {{
يحاول {
لـ (var i = 0 ؛ i <e1.options.length ؛ i ++) {
if (e1.options [i] .select) {{
var e = e1.options [i] ؛
e2.options.add (خيار جديد (E.Text ، e.value)) ؛
e1.remove (i) ؛
أنا = أنا -1
}
}
document.myform.city.value = getValue (document.myform.list2) ؛
}
catch (e) {}
}
وظيفة getValue (geto) {
var allvalue = "" ؛
لـ (var i = 0 ؛ i <geto.options.length ؛ i ++) {
allvalue + = geto.options [i].
}
إرجاع Allvalue ؛
}
وظيفة تغيير (OBJ ، الفهرس) {
if (index == -1) {{
if (obj.selectedIndex> 0) {{
obj.options (obj.selectedex) .swapnode (obj.options (obj.selectex -1))
}
}
آخر إذا (index == 1) {{
ifj.selectedIndex <obj.options.length -1) {{
obj.options (obj.selectedex) .swapnode (obj.options (Obj.SelectIndIndex + 1))
}
}
}
//->
</script>
</body>
</html>