JSFiddle - React, Tailwind, and code Playground

HTML

<select id="yearfilter" name="yearfilter">
    <option value="">All years</option>
    <option value="2011">2011</option>
    <option value="2010">2010</option>
    <option value="2009">2009</option>
</select>

JavaScript

$(document).ready(function() {
    var $yearFilter = $("#yearfilter");
    $yearFilter.find("option").map(function() {
        var $this = $(this);
        return $("<li>").attr("value", $this.attr("value")).text($this.text()).get();
    }).appendTo($("<ul>").attr({
        id: $yearFilter.attr("id"),
        name: $yearFilter.attr("name")
    })).parent().replaceAll($yearFilter);
});