DOM:






DOM选项移动操作

选择{
宽度：PX；
高度：PX；
}
{ div
显示：内联块；
宽度：PX
}



argentinabrazilcanadachilechinacubadenmarkegyptfrancegreecespain


>






函数$（id）{
返回document.getelementbyid（ID）；
}
VaR律师= null； / /保持一个列表中的所有候选国
var；}；保存所选国家列表
窗口。指针函数（）{
律师= $（律师）.innerHTML
替换
。比赛（ / B { a-za-z } + B / G）；
}
函数移动（内部）{
开关（内部）{

SEL = sel.concat（律师）；
主办单位长度=；
Sel.sort（）；
打破；

律师= unsel.concat（SEL）；
长度=；
Unsel.sort（）；
打破；
情况：选定项目右
VaR选择= document.queryselectorall（#律师选项）；
从每个选项的向前遍历
对于（var i = opts.length-；我> =；我--）{
如果（选择{我}，{选择）
我 / /元律师地位缺失，直接进入选择
Sel.push（unsel.splice（我）{ }）；
}
}
Sel.sort（）；
打破；

VaR选择= document.queryselectorall（# SEL选项）；
对于（var i = opts.length-；我> =；我--）{
如果（选择{我}，{选择）
Unsel.push（sel.splice（我）{ }）；
}
}
Unsel.sort（）；
打破；
}
显示（）；
}
函数（显示）对select元素数组的两次更新。
$（律师）.innerHTML =
+ unsel.join（）
；
$（自我）.innerHTML =
+ sel.join（）
；
}





jQuery：






选择移动操作


选择{
宽度：PX；
高度：PX；
}
{ div
显示：内联块；
宽度：PX
}




阿根廷
巴西
加拿大
智利
中国
古巴
丹麦
埃及
法国
希腊
西班牙


>







$（#添加）。Click（function（）{）
选定的选项左/右移动到
$（#第一>选项：选择）。AppendTo（$（#二））；
}）；
$（# add_all）。Click（function（）{）
$（#第一>选项）。AppendTo（$（#二））；
}）；
$（#删除）。Click（function（）{）
$（#二>选项：选择）。AppendTo（$（#第一））；
}）；
$（# remove_all）。Click（function（）{）
$（#二>选项）。AppendTo（$（#第一））；
}）；
双击事件
$（#第一）。Dblclick（function（）{）
$（#第一>选项：选择）。AppendTo（$（#二））；
}）；
$（#二）。Dblclick（function（）{）
$（#二>选项：选择）。AppendTo（$（#第一））；
}）；





上面的描述是DOM操作和jQuery实现选项，用于共享移动操作代码的所有内容。我希望能帮助你！