JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<select id="select1" name="legenda[]">
  <option></option>
  <option value="Maria">Maria</option>
  <option value="Miguel">Miguel</option>
  <option value="Sara">Sara</option>
  <option value="Claudia">Claudia</option>
</select>
<select id="select2" name="legenda[]">
  <option></option>
  <option value="Maria">Maria</option>
  <option value="Miguel">Miguel</option>
  <option value="Sara">Sara</option>
  <option value="Claudia">Claudia</option>
</select>
<select id="select3" name="legenda[]">
  <option></option>
  <option value="Maria">Maria</option>
  <option value="Miguel">Miguel</option>
  <option value="Sara">Sara</option>
  <option value="Claudia">Claudia</option>
</select>
<br>
<button id="check">
Verificar Escolhas
</button>
<div id="present">
 
</div>

JavaScript

$('#check').on('click', function() {
  var escolhas = '<b>As suas escolhas são:</b><br>';
	$('select').each(function() {
     escolhas += $(this).prop('id')+ ': ' +$(this).val()+ '<br>';
  });
  $('#present').html(escolhas);
});