Javascript jQuery根据输入设置和触发选项值

我正在使用获取国家、州、城市列表 一切正常，我能够将数据保存到数据库中

 <select name="country" class="countries" id="countryId">
  <option value="">Select Country</option>
 </select>
 <select name="state" class="states" id="stateId">
   <option value="">Select State</option>
 </select>
  <select name="city" class="cities" id="cityId">
   <option value="">Select City</option>
   </select>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="//geodata.solutions/includes/countrystatecity.js"></script>

选择国家
选择状态
选择城市

现在我必须向用户显示所选选项

如果$country、$state、$city是我从数据库中获取的详细信息

因此，我将html更改为以下内容

<select name="country" class="countries" id="countryId">
    <?php if($country!==""){?>
      <option value="<?php echo $country; ?>" selected><?php echo $country; ?></option>
  <?php } else {  ?> 
  <option value="">Select Country</option>
<?php } ?>
 </select>


<select name="state" class="states" id="stateId">
 <?php if($state!==""){?>
      <option value="<?php echo $state; ?>" selected><?php echo $state; ?> 
    </option>
 <?php } else {  ?> 
 <option value="">Select State</option>
 <?php } ?>
  </select>
 <select name="city" class="cities" id="cityId">
    <?php if($city!==""){?>
        <option value="<?php echo $city; ?>" selected><?php echo $city; ?> 
 </option>
  <?php } else {  ?> 
  <option value="">Select City</option>
   <?php } ?>
   </select>

});

2） 问题:

我正在检查可以将国旗与电话号码字段集成在一起的东西，我发现了。但是现在我必须根据用户自动选择国家/地区电话代码，并在第一个选择框中更改国家/地区下拉列表。如果有什么方法可以使这些相互关联

 <script>
    jQuery(function($){

      <?php if($country!==""){?>
    var mySelect=$("#countryId");
    mySelect.append(
         $('<option value="<?php echo $country;?>" selected><?php echo 
  $country;?></option>'));
     $('#countryId').trigger('change');
        <?php } ?>

  });
</script>