JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<select id="marital" name="marital">
  <option value="single">مجرد</option>
  <option value="married">متاهل</option>
</select>

<div id="hi" style="display: none;">
  <h1>Hello World !</h1>
</div>

JavaScript

$(function() {
  $("#marital").change(function() {
    var selectedItem = $('option:selected', this).text();
    (selectedItem === "متاهل") ? $("#hi").show(): $("#hi").hide();
  });
});