JSFiddle - React, Tailwind, and code Playground

HTML

<select id="filter">
   <option values="1">One</option>
   <option values="2">Two</option>
   <option values="3">Three</option>
</select>

JavaScript

$('#filter').parent().append('<ul id="newfilter"></ul>');
$('#filter option').each(function(){
  $('#newfilter').append('<li value="' + $(this).val() + '">'+$(this).text()+'</li>');
});
$('#filter').remove();
$('#newfilter').attr('id', 'yearfilter')