JSFiddle - React, Tailwind, and code Playground

HTML

<select id="oberservationType">
 <option>Item 1</option>
 <option>Item 2</option>
 <option>Item 3</option>
</select>

CSS

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

JavaScript

var $select = $('#oberservationType'),
    $list = $('<ul />');

$select.find('option').each(function(){
    $list.append('<li>' + $(this).text() + '</li>');
});

$select.after( $list ).remove();