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

时间:2019-04-18 16:20:34

标签: javascript php jquery

我正在使用https://www.geodata.solutions/来获取国家,州和城市列表 而且一切正常,我能够将数据保存到数据库

 <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>

但是现在这不是改变下拉列表的蓝调。我该如何解决

我也尝试过

 <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>
  

2)问题

我正在检查可以将国家标志与电话号码字段集成在一起的东西,我发现https://intl-tel-input.com/。但是,现在我必须根据每个用户的需要,在第一选择框中更改国家/地区下拉列表,自动选择国家/地区电话代码。如果有什么办法,我们可以使它们彼此相关?

0 个答案:

没有答案