JSFiddle - React, Tailwind, and code Playground

HTML

<select name="city" id="selectedCity" data-native-menu="false">
  <option value="#">-- Select City --</option>
  <option id="atl" value="#tiera">Atlanta</option>
  <option id="aus" value="#tierc">Austin</option>
  <option id="bal" value="#tiera">Baltimore</option>
  <option id="bos" value="#tiera">Boston</option>
</select>

<h1></h1>

JavaScript

function myFunction() {
    document.getElementById("selectedCity").reset();
}

$(document).ready(function() {
    $("#selectedCity").change(function(){
        $("h1").text($(this).find('option:selected').text());
    });
});