JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset class="select" id="fieldset1">
    <label>From</label>
    <select>
        <option value="1">daivik</option>
        <option value="2">raj</option>
        <option value="3">value1</option>
    </select>
</fieldset>

<fieldset class="into">
    <span id="into"><button id="arrow">&raquo;</button></span>
</fieldset>

<fieldset class="select" id="fieldset2">
    <label>To</label>
    <select>
        <option value="1">xdce</option>
    </select>
</fieldset>

JavaScript

$(document).ready(function() {
    var clicks = 0;
    $( "#arrow" ).click(function() {
        var obj1=$("#fieldset1");
        var obj2=$("#fieldset2");
        $("#fieldset1").remove();
        $("#fieldset2").remove();
        
        if ( clicks%2 == 0){            
            
            $(".into").before(obj2);
            $(".into").after(obj1);
        }else{            
            
            $(".into").before(obj1);
            $(".into").after(obj2);
        }
        clicks++;
    });
})