title: How to get a HTML select element to display a differenct value when an option is selected than is shown in the dropdown list?
body: <p>For Example I am using a dropdown list of countries with telephone codes shown here: 
  <a href="https://i.stack.imgur.com/aMmsw.png" rel="nofollow noreferrer">Dropdown list</a></p>
  
  <p>When I select an option the whole country and number is displayed, but I would rather just the number code be displayed. How can this be done?</p>