Aiuto per variazione codice js jQuery

[Cosina]

Buongiorno, ho necessità di modificare il codice che segue per poter utilizzare più liste select con differenti id. Le voci evidenziate di ogni lista, dovrebbero, pero`, apparire nella medesima textarea incolonnandosi alle precedenti. Potreste dirmi se è possibile e, nel caso, mostrarmi un esempio completo? Grazie mille

<p>
    <select name="selectfield" id="selectfield">
        <option value="" selected>- Select -</option>
        <option value="STS">STS</option>
        <option value="PBN">PBN</option>
        <option value="EUR">EUR</option>
    </select>
</p>

<textarea style="width:100%" name="info" id="info" cols="20" rows="5"></textarea>

  <script
        src="https://code.jquery.com/jquery-3.3.1.min.js"
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>

<script>
window.onload=function(){
      
$("#selectfield").on("change", function() {
    var $select = $(this);
    $("#info").val(function(i, val) {
      return val += '\n'+$select.val();
    })
});
    }
  </script>