JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option>Item 1</option>
    <option>Item 2</option>
    <option>Item 3</option>
</select>

<select>
    <option>Car 1</option>
    <option>Car 2</option>
    <option>Car 3</option>
</select>

<select>
    <option>Mask 1</option>
    <option>Mask 2</option>
    <option>Mask 3</option>
</select>

CSS

ul {
    margin-bottom: 20px;
}

li {
    padding: 10px 20px;
    background: #eee;
    border-bottom: 1px solid #999;
}

JavaScript

$('select').each(function () {
    var $this = $(this),
        $list = $('<ul />');
    
    $this.find('option').each(function(){
        $list.append('<li>' + $(this).text() + '</li>');
    });
    
    $this.after( $list ).remove();
});