问如何在html表单中填充特定国家的州和城市？(从属选择列表)

EN

-
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

<div class="container">

  <div class="row">
    <p>Rgistered Address</p><br><br>
    <select name="country" class="countries order-alpha" id="countryId">
      <option value="">Select Country</option>
    </select>
    <select name="state" class="states order-alpha" id="stateId">
      <option value="">Select State</option>
    </select>
    <select name="city" class="cities order-alpha" id="cityId">
      <option value="">Select City</option>
    </select>
  </div>
</div>
<br><br>
<div class="container">
  <div class="row">
    <p>warehouse Address</p><br><br>
    <select name="country" class="countries order-alpha" id="countryId">
      <option value="">Select Country</option>
    </select>
    <select name="state" class="states order-alpha" id="stateId">
      <option value="">Select State</option>
    </select>
    <select name="city" class="cities order-alpha" id="cityId">
      <option value="">Select City</option>
    </select>
  </div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">