JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<select class="shopselect">
    <option value="">select</option>
    <option value="1">test1</option>
    <option value="2">test2</option>
</select>

<select class="shopselect">
    <option value="">select</option>
    <option value="3">test3</option>
    <option value="4">test4</option>
</select>

<div id="response"></div>

JavaScript

$('body').on('change', '.shopselect', function() {
    var myValues = new Array();
    $('.shopselect').each(function() {        
        if ($(this).val() != '') {
            myValues.push( $('option:selected', this).text() );
        }
    });
    $('#response').html(myValues.join(','));
});