根据用户选择从下拉列表中显示国家/地区代码

Question

我希望用户从下拉列表中选择他/她的国家/地区,然后我想在文本字段中显示国家/地区代码,以便用户输入他/她的号码.

这是包含电话号码的国家/地区列表:

  <select name="country">
  <option value="">Country...</option>
  <option value="Afghanistan">Afghanistan</option>
  <option value="Albania">Albania</option>
   .
   .
   ETC till
   <option value="Zimbabwe">Zimbabwe</option>
   </select>

 <label for="phone">Phone Number</label><
 <input id="phone" name="phone" placeholder="user's number " required="" type="number"> 

例如,当用户选择沙特阿拉伯时,我希望文本字段显示为966
我考虑将国家/地区代码作为选项中的值

我在这里发现了类似的情况,但我更愿意将其作为第二种选择

Answer 1

假设您正在使用jQuery:

<select name="country" id="country">
    <option value="">Country...</option>
    <option value="966">Saudi Arabia</option>
</select>

$('#country').change(function () {
    var countryCode = $(this).val();

    if (countryCode) {
        $('#phone').val(countryCode);
    }
});

的jsfiddle