Dropdown selector to load a single post into empty div

Not sure how to pursue this, hopefully I can get a direction to go in. I’m know it will require some form of javascript/jquery/ajax, (a weakness of mine), to accomplish without the refresh, so something like a tutorial would be most helpful, but I’ll happily take a look at anything sent.

I’d like to have a dropdown where I’ll set up links to a handful of posts, like this:

<select>
  <option value="https://test.medialayer.net/mlsRegion/regOne/>Region One</option>
  <option value="https://test.medialayer.net/mlsRegion/regTwo/>Region Two</option>
  <option value="https://test.medialayer.net/mlsRegion/regThree/>Region Three</option>
</select>

And a div where the selected post will load

<div id="postArea">
    <!-- THIS IS THE CONTAINER WHERE THE CONTENT WILL BE LOADED -->
</div>

All the while not refreshing the rest of the page.