JSFiddle - React, Tailwind, and code Playground

HTML

<select id="mySelect1">
  <option></option>
  <option>Banana</option>
  <option>Monkey</option>
  <option>Fritter</option>
</select> 

<select id="mySelect2">
  <option></option>
  <option>Cream cheese</option>
  <option>Mushroom pie</option>
  <option>French toast</option>
</select>

JavaScript

//var text1 = 'Monkey';
//$("#mySelect1 option[text=" + text1 + "]").attr('selected', 'selected');

var text2 = 'Mushroom pie';
$("#mySelect2 option[text=" + text2 + "]").attr('selected', 'selected');


var listitem = null;
var textToFind = 'Monkey';
$("#mySelect1 option").each(function() 
{
    if ($(this).text() === textToFind) {

        listitem = $(this);
        $(this).attr('selected', 'selected');
    }

});