JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<html>
<body>

    <script type="text/javascript">
        
    </script>

<form id="valuelist">
    <label>Order</label>
    <input type="text" id="order" value=""><br/><br/>
    <label>Sort</label>
    <input type="text" id="sort" value=""/>
</form>


<br>
    <a href="#" data-sort="asc" data-order="isbn" class="sort-order-trigger">Click for -*Action*-</a>
    <a href="#" data-sort="desc" data-order="titel" class="sort-order-trigger">Click for -*Action*-</a>
    <br/><br/>
    <p style=" border:1px solid orange; background:gold; padding:5px;">onclick move isbn to #order and asc in to #sort</p>



</body>
</html>

JavaScript

$('a.sort-order-trigger').bind ('click',
    function (e) {
        e.preventDefault ();
        
        var $this = $(this);
        $('#sort').val ($this.data ('sort'));
        $('#order').val ($this.data ('order'));
    }
);