JSFiddle - React, Tailwind, and code Playground

HTML

<button>add another option</button>
<form id="form">
    <span class="con">
        <div class="ui-state-highlight">Item 1</div>
        <div class="ui-state-highlight">Item 2</div>
        <div class="ui-state-highlight">Item 3</div>
        <div class="ui-state-highlight">Item 4</div>
        <div class="ui-state-highlight">Item 5</div>
    </span>
</form>

CSS

span{
    margin-top:10px;
    border:1px solid red;
    display:block;
}

JavaScript

$('button').click(function() {
    var x = $('<span class="con"><div>aaaaaaaaa</div></span>');
    x.appendTo('#form')
});

$("span").sortable({
    connectWith: ".con"
}).disableSelection();