JSFiddle - React, Tailwind, and code Playground

HTML

<select>
      <option selected>select...</option>
      <option data-for-para='1'>Option 1</option>
      <option data-for-para='2'>Option 2</option>
      <option data-for-para='3'>Option 3</option>
      <option data-for-para='4'>Option 4</option>
    </select>
    
    <div id='dropdown-paras'>
      <p id='para1'>Text for option 1</p>
      <p id='para2'>Text for option 2</p>
      <p id='para3'>Text for option 3</p>
      <p id='para4'>Text for option 4</p>
    </div>

CSS

#dropdown-paras p { display: none; }

JavaScript

var paras_cntr = $('#dropdown-paras');
    $('select').on('change', function() {
        var para_id = $(this).children(':selected').data('for-para');
        if (!para_id) paras_cntr.children().hide();
    	paras_cntr.children('#para'+para_id).show().siblings().hide();
    });