左边下拉框点击后选项移动到右边下拉框

方式一：

//修改关联角色页面-添加

$("#userRole_modal").on("click", "#addUserRole", function () {
    //找到选中的角色
    var option=$('#systemRole').find('option:checked');
    if(!option){
        return false;
    }
    //添加到已选择角色列表
    $('#selectedRole').append(option);
    //删除系统角色列表
    option=null;
});
//修改关联角色页面-删除
$("#userRole_modal").on("click", "#delUserRole", function () {
    //找到选中的角色
    var option=$('#selectedRole').find('option:checked');
    if(!option){
        return false;
    }
    //添加到系统角色列表 
    $('#systemRole').append(option);
    //删除已选择角色列表
    option=null;

});

改良一：

    //修改关联角色页面-添加
    $("#userRole_modal").on("click", "#addUserRole", function () {
        var option = $("#systemRole option:selected");
        option.appendTo("#selectedRole");
    });
    //修改关联角色页面-双击系统角色
    $("#userRole_modal").on("dblclick", "#systemRole", function () {
        var option = $("#systemRole option:selected");
        option.appendTo("#selectedRole");
    });
    //修改关联角色页面-删除
    $("#userRole_modal").on("click", "#delUserRole", function () {
        var option = $("#selectedRole option:selected");
        option.appendTo("#systemRole");
    });
    //修改关联角色页面-双击系统角色
    $("#userRole_modal").on("dblclick", "#selectedRole", function () {
        var option = $("#selectedRole option:selected");
        option.appendTo("#systemRole");
    });