JSFiddle - React, Tailwind, and code Playground

by tomsx

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

$(function(){
    var id = "yearfilter";
    $('#'+id).after("<ul id='temp' />")
        .children("option").each(function() {
            $("#temp").append("<li>"+$(this).text()+"</li>");
        })
        .end().remove();
    $('#temp').attr("id",id);
});