JSFiddle - React, Tailwind, and code Playground

HTML

<select id="VariantsAttrValues1" size="7" multiple="multiple" name="data[Variants][attr_values1][]">
<option value="10">black</option>
<option value="11">red</option>
<option value="12">yellow</option>
<option value="15">orange</option>
<option value="14">verygreen</option>
<option value="13">navy</option>
<option value="16">purple</option>
<option value="17">brown</option>
</select>


<a href="#" id="show">show selected</a>

<div id="result"></div>

JavaScript

$(document).ready(function() {
    $('#show').click(function() {
        $('#VariantsAttrValues1 option:selected').each(function(index, value) {
            $('#result').append(value.text()+'<br />');
        });
    });
});