JSFiddle - React, Tailwind, and code Playground
HTML
<button type=button>Sort Options</button>
<select class="pca33" id="player_clubs_attributes_0_country_id" name="player[clubs_attributes][0][country_id]"><option value=""></option>
<option value="1">Afganistán</option>
<option value="2">Albania</option>
<option value="3">Argelia</option>
<option value="4">Andorra</option>
<option value="5">Angola</option>
<option value="6">Antigua y Barbuda</option>
<option value="7">Argentina</option>
<option value="8">Armenia</option>
<option value="9">Australia</option>
<option value="10">Austria</option>
<option value="11">Azerbaiyán</option>
<option value="12">Bahamas</option>
<option value="13">Bahréin</option>
<option value="14">Bangladesh</option>
<option value="15">Barbados</option>
<option value="16">Belarús</option>
<option value="17">Bélgica</option>
<option value="18">Belice</option>
<option value="19">Benín</option>
<option value="20">Bután</option>
<option value="21">Bolivia</option>
<option value="22">Bosnia y Herzegovina</option>
<option value="23">Botswana</option>
<option value="24">Brasil</option>
<option value="25">Brunei Darussalam</option>
<option value="26">Bulgaria</option>
<option value="27">Burkina Faso</option>
<option value="28">Burundi</option>
<option value="29">Camboya</option>
<option value="30">Camerún</option>
<option value="31">Canadá</option>
<option value="32">Cabo Verde</option>
<option value="33">República Centroafricana</option>
<option value="34">Chad</option>
<option value="35">Chile</option>
<option value="36">China</option>
<option value="37">Colombia</option>
<option value="38">Comoras</option>
<option value="39">Congo</option>
<option value="40">República Democrática del Congo</option>
<option value="41">Costa Rica</option>
<option value="42">Croatia</option>
<option value="43">Cuba</option>
<option value="44">Chipre</option>
<option value="45">República Checa</option>
<option value="46">Dinamarca</option>
<option value="47">Djibouti</option>
<option...
JavaScript
$('button').click(function() {
var options = $('select.pca33 option');
var arr = options.map(function(_, o) {
return {
t: $(o).text(),
v: o.value
};
}).get();
arr.sort(function(o1, o2) {
return o1.t > o2.t ? 1 : o1.t < o2.t ? -1 : 0;
});
options.each(function(i, o) {
console.log(i);
o.value = arr[i].v;
$(o).text(arr[i].t);
});
});