JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<select>
	<option value="80" class="beautiful-taxonomy-filters-select">895</option>
	<option value="9" class="beautiful-taxonomy-filters-select">901</option>
	<option value="210" class="beautiful-taxonomy-filters-select">357</option>
	<option value="124" class="beautiful-taxonomy-filters-select">80</option>
	<option value="562" class="beautiful-taxonomy-filters-select">9</option>
</select>

CSS

select{
    width: 200px;
    background: #005304;
    color: #fff;
    font-size: 25px;
    padding: 10px 0px 10px 10px;
    margin-top:  50px;
}

JavaScript

var arr = [];
$('.beautiful-taxonomy-filters-select').each(function(i){
    arr.push($(this).text());
});
arr.sort(function(a,b) {
    return b-a;
});
$('select').html('');
$.each(arr,function(i,el){
    $('select').append('<option value="'+el+'" class="beautiful-taxonomy-filters-select">'+el+'</option>')
});