JSFiddle - React, Tailwind, and code Playground

HTML

<select name="mine" id="mine" onblur="togglelist()">
    <option value="test1">Test1</option>
    <option value="test2">Test2</option>
</select>

<div id="my1">
    <p>Some Text in 1</p>
</div>

<div id="my2">
    <p>Some Text in 2</p>
</div>

CSS

#my1 {
 display: none;
}

JavaScript

function togglelist()
      {
          var lend = mine.value;

		  
          if(lend == 'test1')
          {
             document.getElementById('my1').style.display='block';
             document.getElementById('my2').style.display='none';
          }
          if(lend == 'test2')
          {
             document.getElementById('my1').style.display='none';
             document.getElementById('my2').style.display='block';
          }
      }