JSFiddle - React, Tailwind, and code Playground

HTML

<select id="fruits">
<option>apple</option>
<option>banana</option>
<option>cherry</option>
</select>

CSS

table {
 border: solid 1px black;
    
}

JavaScript

var convertSelectToTable = function ($select) {
    var $table = $('<table />');
    
    $select.find('option').each(function () {
        $table.append('<tr><td>' + $(this).val() + '</td></tr>');
    });
                                
    $select.replaceWith($table);


}
                                
convertSelectToTable($('#fruits'));