DOM操作和移动操作的jQuery实现选项的一个简单示例

DOM：






DOM选项移动操作

选择{
宽度：100px；
身高：85px；
}

{ div
显示：内联块；
宽度：50px
}



argentinabrazilcanadachilechinacubadenmarkegyptfrancegreecespain


>






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

SEL = sel.concat（律师）；
律师。长度= 0；
Sel.sort（）；
打破；

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

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





jQuery：






选择移动操作


选择{
宽度：100px；
身高：85px；
}

{ div
显示：内联块；
宽度：50px
}




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


>








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





上面的DOM操作和jQuery实现的选择，一个简单的移动操作的例子，是萧边分享你的全部内容。我希望能给你一个参考，希望你能支持它。