No toma datos de select

[MatiasFiermarin]

Buenos dias, tengo un problema que paso a describir.
Tengo 3 select cargados por 3 funciones.
El primero carga los Tipos de Usuarios (Administrador, Encargado, etc etc)
El segundo carga los permisos que existen en el sistema y el tercero carga los permisos que tiene el Tipo de Usuario seleccionado.
Primer Select

Código PHP:

<select class="smallInput" name="tipousuario" id="tipousuario" onchange="cargarPermisos()">
                            <?php
                                $link = mysqli_connect('localhost', 'root', 'root', 'control_v2');
                                $consulta = "SELECT * FROM tiposusuarios";
                                $rs = mysqli_query($link, $consulta);
                                $primero=0;
                                while ($row = mysqli_fetch_array($rs)) {
                                    if($primero==0){
                                        echo "<option value='Vacio'>Seleccione Tipo de Usuario</option>";
                                        $primero=1;
                                        echo "<option value='".$row['TiposUsuarios_Id']."'>".$row['TiposUsuarios_Nombre']."</option>";
                                    }else{
                                        echo "<option value='".$row['TiposUsuarios_Id']."'>".$row['TiposUsuarios_Nombre']."</option>";
                                    }
                                }
                            ?>
                        </select>
 

Segundo Select

Código HTML:

<label>Permisos</label>
                    <select name="origen[]" id="origen" multiple="multiple" size="8">
                        <option value="1">Basico</option>
                        <option value="2">Gestiones Policlinicas</option>
                        <option value="3">Gestiones UE</option>
                        <option value="4">Gestiones Sectores</option>
                        <option value="5">Gestiones Asignar Personal</option>
                        <option value="6">Gestiones Feriados</option>
                        <option value="7">Gestiones Licencias</option>
                        <option value="8">Reportes</option>
                        <option value="9">Personal Empleados</option>
                        <option value="10">Personal Libres Concedidos</option>
                        <option value="11">Personal Cargar Licencia</option>
                        <option value="12">Personal Asignar Licencia</option>
                        <option value="13">Registros Manuales</option>
                        <option value="14">Registros Editar</option>
                        <option value="15">Registrar Horas</option>
                        <option value="16">Registrar Usuarios</option>
                        <option value="17">Cambiar Contraseña</option>
                    </select>
 

Tercer Select

Código HTML:

<label>Permisos Dados</label>
                    <div id="cargoPermisos">
                    <select name="destino[]" id="destino" multiple="multiple" size="8">
                        
                    </select>
                    </div>
 

El problema es que cuando envio el formulario los datos del tercer select (los que cuenta el Tipo de usuario ya, no envia nada, es como que si nunca lo hubiera cargado.

Dejo las funciones con que cargo los dos select ultimos

Código Javascript:

function cargarPermisos(){
        $("#mensaje").html("");
        $('#destino').empty()
        var parametros = {
            "idtipousuario" : this.tipousuario.value
        };
        $.ajax({
            data:  parametros,
            url:   'includes/FuncionesPermisosyUsuarios.php',
            type:  'post',
                
            success:  function (response) {
                var ordenlistado = eval(response);
                var $comboPermisos = $("#destino");
                cargarPermisos2();
                for (var i = 0; i <= ordenlistado.length; i++) { 
                    $comboPermisos.append("<option value="+ ordenlistado[i].PermisosUsuarios_Id +">" + ordenlistado[i].PermisosUsuarios_Nombre + "</option>");
                }
            }
        });
    }
 
    function cargarPermisos2(){
        $("#mensaje").html("");
        $('#origen').empty()
        var parametros = {
            "idtipousuario2" : this.tipousuario.value
        };
        $.ajax({
            data:  parametros,
            url:   'includes/FuncionesPermisosyUsuarios.php',
            type:  'post',
                
            success:  function (response) {
                var ordenlistado = eval(response);
                var $comboPermisos = $("#origen");
                for (var i = 0; i <= ordenlistado.length; i++) { 
                    $comboPermisos.append("<option value="+ ordenlistado[i].PermisosUsuarios_Id +">" + ordenlistado[i].PermisosUsuarios_Nombre + "</option>");
                }
            }
        });
    }
 

cargarPermisos es la funcion que se encarga de cargar los permisos que ya tiene esta persona, yo pienso que el problema esta ahi pero no me doy cuenta que es.

Si me puede ayudar se los agradezco.

Estoy seguro que el problema esta en las lineas

Código Javascript:

$comboPermisos.append("<option value="+ ordenlistado[i].PermisosUsuarios_Id +">" + ordenlistado[i].PermisosUsuarios_Nombre + "</option>");
 

de cada funcion
Saludos