Как получить выпадающее выбранное значение во всплывающем окне на основе AJAX?

Question

У меня есть HTML-файл, который показывает всплывающее окно (на основе AJAX) при нажатии кнопки.Всплывающее окно содержит форму с полями, такими как Имя, Электронная почта и Номер телефона.Номер телефона разделен на 2 части: код страны и номер мобильного телефона.

Я вызвал действие blur для каждого текстового поля и попытался напечатать значение, выбранное в раскрывающемся списке стран, но каждый раз, когда онопечатает только первое значениеСмотрите мой код ниже:

var main_url = 'mywebsite.com';
$(function() {
  $(document).on('click', '.payingAMT-show', function(e) {
    $.ajax({
      url: main_url + "hotel_details_web_mobile/payingAMT_show",
      data: {
        plan_codeOfroom: plan_codeOfroom
      },
      type: "POST",
      async: false,
      success: function(pdata) {
        $('#fname, #user_email, #mobile_number').blur(function() {
          var travel_phone = $('#mobile_number').val();
          var phone_extension = $('#country_code_dropdown').val();
          alert(phone_extension); //Showing only first value            
        });
      }
    });
  });
});