07-24-2023, 10:07 AM
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?
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-html -->
<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>
<!-- end snippet -->
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-html -->
<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>
<!-- end snippet -->