JSFiddle - React, Tailwind, and code Playground

by Stefan Zamfira

HTML

<div id="list">
  <select name="blank" multiple>
    <option value="1">Opt 1</option>
    <option value="2">Opt 2</option>
    <option value="3">Opt 3</option>
    <option value="4">Opt 4</option>
    <option value="5">Opt 5</option>
  </select>

  <select name="test" multiple>
    <option value="01">Option 01</option>
    <option value="02">Option 02</option>
    <option value="03">Option 03</option>
    <option value="04">Option 04</option>
    <option value="05">Option 05</option>
  </select>
  <a href="#" id="show">Show them</a>
</div>

JavaScript

$(document).ready(function(){
    $('#show').on('click', function(){
        $('#list select').each(function(){
            console.log( $(this).val() )
        });
    });
    
});