jquery select 移动
来源:互联网 发布:数据分析相关岗位 编辑:程序博客网 时间:2024/06/06 09:27
<body>
<h2>select 移动</h2>
<selectmultiple="multiple"id="shandong">
<option>青岛</option>
<option>烟台</option>
<option>济南</option>
<option>潍坊</option>
</select>
<inputtype="button"value="-->"onclick="toRight()" />
<inputtype="button"value="==>"onclick="toAllRight()" />
<inputtype="button"value="<--"onclick="toLeft()" />
<inputtype="button"value="<=="onclick="toAllLeft()" />
<selectmultiple="multiple"id="beijing">
<option>朝阳</option>
<option>大兴</option>
<option>通州</option>
<option>海淀</option>
</select>
</body>
</html>
<script>
$(document).ready(function(e) {
$("option").dblclick(function(){
if($(this).parent().attr('id')=='shandong'){
$(this).appendTo($('#beijing'));
}else{
$(this).appendTo($('#shandong'));
}
//alert($(this).parent().attr('id'));
});
});
function toRight(){
$("#shandong option:selected").appendTo($("#beijing"))
}
function toAllRight(){
$("#shandong option").appendTo($("#beijing"))
}
function toLeft(){
$("#beijing option:selected").appendTo($("#shandong"))
}
function toAllLeft(){
<h2>select 移动</h2>
<selectmultiple="multiple"id="shandong">
<option>青岛</option>
<option>烟台</option>
<option>济南</option>
<option>潍坊</option>
</select>
<inputtype="button"value="-->"onclick="toRight()" />
<inputtype="button"value="==>"onclick="toAllRight()" />
<inputtype="button"value="<--"onclick="toLeft()" />
<inputtype="button"value="<=="onclick="toAllLeft()" />
<selectmultiple="multiple"id="beijing">
<option>朝阳</option>
<option>大兴</option>
<option>通州</option>
<option>海淀</option>
</select>
</body>
</html>
<script>
$(document).ready(function(e) {
$("option").dblclick(function(){
if($(this).parent().attr('id')=='shandong'){
$(this).appendTo($('#beijing'));
}else{
$(this).appendTo($('#shandong'));
}
//alert($(this).parent().attr('id'));
});
});
function toRight(){
$("#shandong option:selected").appendTo($("#beijing"))
}
function toAllRight(){
$("#shandong option").appendTo($("#beijing"))
}
function toLeft(){
$("#beijing option:selected").appendTo($("#shandong"))
}
function toAllLeft(){
0 0
- jquery 移动select元素
- jquery select 移动
- jquery实现select多选框的左右移动
- 用jQuery实现<select>选项上下移动
- 用jQuery实现<select>选项上下移动
- Select JQuery 实现左右复制移动内容
- jquery实现select框内容的左右移动【经典】
- JQuery实现select互换数据和上下移动
- Jquery实现SELECT多选并且左右上下移动
- jquery 对select中option的移动删除
- Jquery <select></select>
- Jquery,Select
- jquery select
- jquery select
- jquery select
- jquery select
- jQuery插件DIY:设置左右select的option的互相移动
- Jquery 两个select多选控件中项的移动的相关操作
- LeetCode 逆波兰表达式java实现
- tpshop好用吗
- android中Parcelable接口的使用
- three.js 矩阵式贴图
- js 保留n位小数
- jquery select 移动
- 为Android添加一门新语言
- 如何更好地限制一个UITextField的输入长度
- 异或(京东2017实习生真题)
- 将Excel文件转换为Html
- 西门子培训2——OID
- IMWeb训练营作业——todo list
- intellij导出第三方库
- CodeForces 602 A.Two Bases(水~)