title: Select Country and country code?
body: <p>I need a help in this issue. I am selecting a country in drop down and in the phone text column the country code should come when we select it. This is my code. </p>
  
  <pre><code>&lt;select name="country" id="country"&gt;
      &lt;option value="" Selected&gt;Country...&lt;/option&gt;
      &lt;option value="India"&gt;India&lt;/option&gt;
      &lt;option value="USA"&gt;USA&lt;/option&gt;
      &lt;optgroup label="Other countries"&gt;
          &lt;option value="Algeria"&gt;Algeria&lt;/option&gt;
          &lt;option value="Andorra"&gt;Andorra&lt;/option&gt;
          &lt;option value="Angola"&gt;Angola&lt;/option&gt;
      &lt;/optgroup&gt;
  &lt;/select&gt;
  
  &lt;label for="phone"style="width:100%;margin-bottom:20px;"&gt;
      &lt;span style="color:#000;"&gt;Phone Number&lt;/span&gt; &lt;span style="color:#FF0000;"&gt;*&lt;/span&gt;
      &lt;br&gt;
      &lt;input id="phone" name="phone" required="" type="number"&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>And my Client need the country name to be shown to them, so in the option value I have given the country name. Here in my option value there is only the Country names has values not the country code. Should I place the country code some where else? Can anyone help me how to do it?</p>