[SOLUCIONADO] Crear array con drap and drop

[xfxstudios]

Buenas necesito su ayuda con esto, tengo un div donde se crea una lista con elementos recogidos desde una base de datos, el asunto es que estos se pueden arrastrar a otro div, lo que necesito es que con los elementos arrastrados al segundo div crear un array para pasarlo mediante un formulario
div que recibe la lista:

Código HTML:

<div id="grupo1" class="seccion" style="float:left;width:250px;">
    <h3 class="arrastrar">Requisitos Verificados</h3>
 
</div>
 

[xfxstudios]

div en el que se crea la lista

Código PHP:

<div id="grupo2" class="seccion" style="float:left;width:250px;">
    <h3 class="arrastrar">Requisitos</h3>
<?php
    while($row = mysqli_fetch_array($result))
        {
            echo "<ul>";
            echo "<li id='list'>".utf8_encode($row['requisito'])."</li>";
            echo "</ul>";
        }
?>
 
</div>
 

script con el que paso los datos de uno al otro

Código Javascript:

// <![CDATA[
    Sortable.create('grupo1',{
        tag:'ul',
        dropOnEmpty: true, 
        containment:["grupo1","grupo2"],
        constraint:false});
    Sortable.create('grupo2',{
        tag:'ul',
        dropOnEmpty: true, 
        containment:["grupo1","grupo2"],
        constraint:false});
    Sortable.create('pagina',{
        tag:'ul',
        only:'seccion',
        handle:'arrastrar'});
 // ]]>
 

gracias por la ayuda que me puedan brindar