HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Country select with ISO codes</title>
</head>
<body>
  <h1>Choose your country</h1>
  <label for="country">Country:</label>
  <select id="country" name="country">
    <option value="">-- Select --</option>
    <option value="US">United States (US)</option>
    <option value="GB">United Kingdom (GB)</option>
    <option value="IN">India (IN)</option>
    <option value="CA">Canada (CA)</option>
    <option value="AU">Australia (AU)</option>
    <option value="DE">Germany (DE)</option>
    <option value="FR">France (FR)</option>
    <option value="JP">Japan (JP)</option>
  </select>
  <p id="out">ISO code: (none selected)</p>

  <script>
    document.getElementById('country').onchange = function () {
      var code = this.value;
      document.getElementById('out').textContent =
        code ? 'ISO code: ' + code : 'ISO code: (none selected)';
    };
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Country Code — Select Dropdown