title: Show country code based on user selection from dropdown list
body: <p>I want the user to choose his/her country from a drop-down list, Then I want to show the country code in a text field in order to allow the user to type his/her number.</p>
  
  <p>This is the country list with the phone number code:</p>
  
  <pre><code>  &lt;select name="country"&gt;
    &lt;option value=""&gt;Country...&lt;/option&gt;
    &lt;option value="Afghanistan"&gt;Afghanistan&lt;/option&gt;
    &lt;option value="Albania"&gt;Albania&lt;/option&gt;
     .
     .
     ETC till
     &lt;option value="Zimbabwe"&gt;Zimbabwe&lt;/option&gt;
     &lt;/select&gt;
  
   &lt;label for="phone"&gt;Phone Number&lt;/label&gt;&lt;
   &lt;input id="phone" name="phone" placeholder="user's number " required="" type="number"&gt; 
  </code></pre>
  
  <p>When user choose Saudi Arabia for example 
  I want the text field to show 966<br>
  I thought about making the country code as value in the option</p>
  
  <p>I found this similar case <a href="https://stackoverflow.com/questions/13094469/javascript-how-to-show-country-code-based-on-country-name-entered-in-text-box">here</a> but I prefer to make it as a second option</p>