'Drag and Drop <select> tags

I have 3 select lists and I would like to have items in the select list to be dragged and dropped amongst themselves. Is this possible?

<select id="select1" multiple style="width: 100px; height: 100px">
    <option>Item 1</option>
    <option>Item 2</option>
    <option>Item 3</option>
    <option>Item 4</option>
    <option>Item 5</option>
</select>

<select id="select2" multiple style="width: 100px; height: 100px">
</select>

<select id="select2" multiple style="width: 100px; height: 100px">
</select>
javascripthtmljqueryjscript


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions