JSFiddle - React, Tailwind, and code Playground

HTML

<select class="super-attribute-select">
    <option value="">Choose an Option...</option>
    <option value="12" price="1.99">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam aliquam convallis ligula, eu varius nisl tristique sed. Morbi placerat sem at placerat euismod. Fusce et justo tincidunt, bibendum mauris in, hendrerit elit. Curabitur commodo purus vitae ultricies iaculis. Praesent vel leo mauris. Praesent congue lacus lectus, at egestas massa elementum et. Vivamus quam ex, rutrum porta gravida ac, vestibulum vestibulum neque. Pellentesque dapibus, purus vel vestibulum blandit, dolor ante congue erat, ac congue arcu sem et odio. Etiam sodales aliquam elementum. Etiam laoreet tortor eget purus laoreet malesuada. Quisque sollicitudin metus in ligula scelerisque, vehicula condimentum elit varius. Sed vel tellus sapien. Nulla condimentum placerat neque vel gravida.</option>
    <option value="9" price="3.98">39 +3.98</option>
    <option value="10" price="5.97">40 +5.97</option>
    <option value="11" price="7.96">41 +7.96</option>
    <option value="8" price="9.95">42 +9.95</option>
</select>

<ul id="select"></ul>

JavaScript

$(document).ready(function(){
    $(".super-attribute-select option").each(function(){
        $("#select").append('<li><a href="' + $(this).attr('value') + '">' + $(this).html() + '</a></li>');
    });
    $("#select").on("click", "li a", function(e){
        e.preventDefault();
        $(".super-attribute-select").val($(this).attr("href"));
    });
});