选择国家和国家代码？

Question

我在这个问题上需要帮助。我在下拉列表中选择一个国家，在电话文本列中，我们选择它时应该出现国家代码。这是我的代码。

<select name="country" id="country">
    <option value="" Selected>Country...</option>
    <option value="India">India</option>
    <option value="USA">USA</option>
    <optgroup label="Other countries">
        <option value="Algeria">Algeria</option>
        <option value="Andorra">Andorra</option>
        <option value="Angola">Angola</option>
    </optgroup>
</select>

<label for="phone"style="width:100%;margin-bottom:20px;">
    <span style="color:#000;">Phone Number</span> <span style="color:#FF0000;">*</span>
    <br>
    <input id="phone" name="phone" required="" type="number">
</label>

我的客户需要向他们显示国家名称，所以在选项值中我已经给出了国家名称。在我的选项值中，只有国家名称具有值而不是国家代码。我应该将国家代码放在其他地方吗？谁能帮我怎么做？

Answer 1

尝试以下代码获取国家代码：

<select name="country" id="country">
<option value="" Selected>Country...</option>
<option value="+91">India</option>
<option value="+92">USA</option>
<optgroup label="Other countries">
    <option value="+93">Algeria</option>
    <option value="+91">Andorra</option>
    <option value="+95">Angola</option>
    </optgroup>
</select>
<label for="phone"style="width:100%;margin-bottom:20px;"><span 
style="color:#000;">Phone Number</span> <span style="color:#FF0000;">*
</span><br>
<input id="phone" name="phone" required="" type="number"></label>

jQuery 代码：

jQuery("#counrty").change(function(){
   id=$(this).val();
   txt_str="id="+id;
   jQuery.get(get_country_code.php', txt_str,function(result){  
      jQuery("#phone").val(result);
   });
});

get_country_code.php 代码中有如下代码：

<?php 
 include('connect.php');//database connection file

    $id=$_POST['id'];

    $query = $db->query("SELECT country_code FROM countries WHERE country_id =".$id);
    $row = $query->fetch_assoc();
    $counryCode = $row['country_code'];

    echo $counryCode; die;
?>

希望有帮助！！！