I have 3 or more tags and I would like to have to options dragged and dropped amongst them. There is an option using multiselect but this works well with two select tags. I am also able to achieve it multiple tags (jsfiddle) and unordered list options but that is not what I am looking for. The html code is as follows

<div style="height:100%;width:100%;background-color:black;">
    <div id="list1" class="droppable list">
        <div class="item draggable">1</div>
        <div class="item draggable">2</div>
        <div class="item draggable">3</div>
        <div class="item draggable">4</div>
    </div>
    <div id="list2" class="droppable list">
        <div class="item draggable">5</div>
        <div class="item draggable">6</div>
    </div>
    <div id="list3" class="droppable list">
        <div class="item draggable">7</div>
    </div>
</div>

The requirement is to have drag and drop feature available only using select tags. Is this possible?