geographical sub-region html form selector use bootstrap4

selector.html

<div class="form-group">
      <select class="form-control" id="regionSelector">
          <option disabled value="">Please select one region</option>
          <option value="NAF">Northern Africa</option>
          <option value="EAF">Eastern Africa</option>
          <option value="MAF">Middle Africa</option>
          <option value="SAF">Southern Africa</option>
          <option value="WAF">Western Africa</option>
          <option value="EA">East Asia</option>
          <option value="SA">South Asia</option>
          <option value="SEA">Southeast Asia</option>
          <option value="CA">Central Asia</option>
          <option value="WA">Western Asia</option>
          <option value="NA">Northern America</option>
          <option value="LA">Latin America</option>
          <option value="EE">Eastern Europe(including Northern Asia)</option>
          <option value="WE">Western Europe</option>
          <option value="NE">Northern Europe</option>
          <option value="SE">Southern Europe</option>
          <option value="OC">Oceania</option>
      </select>
  </div>