<button type="button" class="btn">Click me!</button>
<p class="text">Replace me!!</p>
<select class="lol" id="lol">
  
</select>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
$('.btn').click(function() {
  $('.text').text('loading . . .');
  $.ajax({
    type:"GET",
    url:"https://api.hh.ru/areas",
    success: function(data) {
      let cites = ''
      data.forEach(el => {
        cites += ` ${el.name}`
      })
      $('.text').text(cites);
    },
    dataType: 'json',
    data:name
  });
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.