JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo">
    <select>
        <option value=""></option>
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>
    <select>
        <option value=""></option>
        <option value="a">AAA</option>
        <option value="b">BBB</option>
        <option value="c">CCC</option>
    </select>
</div>
<div id="bar">
    <select>
        <option value=""></option>
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
    </select>
    <select>
        <option value=""></option>
        <option value="a">AAA</option>
        <option value="b">BBB</option>
        <option value="c">CCC</option>
    </select>
</div>

JavaScript

// based on value

var vals = [2,'b'];

$('#foo option').each(function(){
   var $t = $(this);

   for (var n=vals.length; n--; )
      if ($t.val() == vals[n]){
         $t.prop('selected', true);
         return;
      }
});


// based on text

var vals = ['Three','CCC'];

$('#bar option').each(function(){
   var $t = $(this);

   for (var n=vals.length; n--; )
      if ($t.text() == vals[n]){
         $t.prop('selected', true);
         return;
      }
});