JSFiddle - React, Tailwind, and code Playground

by Sergey Popov

HTML

<select class="required" name="payment_gateway">
<option value="pay-social">Social</option>
<option value="pronamic_ideal">iDEAL</option>
<option value="bank-transfer">Bank</option>
<option value="paypal">PayPal</option>
</select>

JavaScript

var $dropdown = $('.required'),
    $items = $dropdown.children('option');


$items.sort(function(a, b){
    var an = a.value,
        bn = b.value;
    if (an > bn) {
        return 1;
    }
    if (an < bn) {
        return -1;
    }
    return 0;
});
$items.detach().appendTo($dropdown);