html 整体右移,左移与右移.html

左移与右移

select{width:100px;height:150px}

input[type=button]{width:50px}

#opt{margin:90px 10px 0}

.box{width:80%;margin:0 auto;background-color:#999999}

.box div{float:left}

可选项

添加

移动

修改

查询

打印

删除

已选项

// 获取按钮添加单击事件，获取第一个下拉框中被选中的option添加到第二个下拉框

$('#toRight').click(function() { // 右移

$('#right>select').append($('#left>select>option:selected'));

});

$('#toLeft').click(function() { // 左移

$('#left>select').append($('#right>select>option:selected'));

});

$('#toAllRight').click(function() { // 全部右移

$('#right>select').append($('#left>select>option'));

});

$('#toAllLeft').click(function() { // 全部左移

$('#left>select').append($('#right>select>option'));

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史