JSFiddle - React, Tailwind, and code Playground

by Arshdeep Singh

HTML

<body>

    <form id="sortable_list" action="/cgi-bin/test" method="post">
        <ul id="sortable">
            <li id="1">item1</li>
            <li id="2">item2</li>
            <li id="3">item3</li>
            <li id="4">item4</li>
        </ul>
        <input type="hidden" name="page"   value="items"/>
        <input type="hidden" name="action" value="save_order"/>
        <input type="hidden" name="order"  value="ARRAY_OF_ITEMS"/> <!-- HERE! -->
        <input type="submit" value="save" onclick="generate_array()"/>
    </form>

</body>

JavaScript

function generate_array() {
        var items = $("#sortable").sortable("toArray");
        console.log(items);
        // TODO: Insert the array of items into the form below.
    }