Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="/project/Robi/sl_h5mtGrULX72022115184/javascript.js"></script>
</head>
<body>
<div class='jumbotron'>
<div class='container'>
<!-- country -->
<div class='row w3-margin-bottom'>
<div class='col-md-6 col-xs-6'>
<p><b>Country</b></p>
</div>
<div class='col-md-6 col-xs-6'>
<select id="country" class='form-control'><option value="">-- Country --</option></select>
</div>
</div> <!-- end country row -->
<!-- region -->
<div class='row w3-margin-bottom'>
<div class='col-md-6 col-xs-6'>
<p><b>Region</b></p>
</div>
<div class='col-md-6 col-xs-6'>
<select id="region" class='form-control'><option value="">-- Region --</option></select>
</div>
</div> <!-- end region row -->
<!-- city -->
<div class='row w3-margin-bottom'>
<div class='col-md-6 col-xs-6'>
<p><b>City</b></p>
</div>
<div class='col-md-6 col-xs-6'>
<select id="city" class='form-control'><option value="">-- City --</option></select>
</div>
</div> <!-- end city row -->
<div id='location'></div>
</div> <!-- end container -->
</div> <!-- end jumbotron -->
<!-- footer -->
<div class="container text-center text-primary">
<h4>Author: Sam-Shudukhi. (c) <a class='text-danger' href='https://github.com/Sam-Shudukhi/country-region-city-api' target='_blank'>Github</a></h4>
</div>
</body>
</html>
The most helpful JAVASCRIPT solutions