如何在基于AJAX的弹出视图中下拉选定的值？

Question

我有一个HTML文件，该文件在单击按钮时显示一个弹出窗口（基于AJAX）。弹出窗口包含一个具有诸如名称，电子邮件和电话号码的字段的表单。电话号码分为国家代码和手机号码两部分。

我在每个文本框上触发了一个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            
        });
      }
    });
  });
});