получение значения динамического селекта

@FreeYourMind · Регистрация: 13.11.2016

Author24 — интернет-сервис помощи студентам

Доброго времени суток, товарищи, есть дилема не понятная.. имеется селект (пустой) после загрузки ДОМ выполняется аякс запрос, который заполняет нужными элементами этот самый селект.. после выполнения запроса (по логике селект сформирован)
хочу обратитьсяи получить выбранное значение этого селекта для дальнейшей работы, но jquery просто не видит ничего внутри.

Javascript

$.ajax({
        url: 'сайт.ком',
        type: 'GET',
        data: {
            locale: 'en',
            formatResult: true,
            xml: false
        },
        dataType: 'jsonp',
        success: function(result){
           
            $.each(result.countriesFrom, function(index, countryFrom){
                
                
                $('<optgroup id="'+countryFrom.countryId+'" label="'+countryFrom.name+'"></optgroup>').appendTo($('#from'))
 
                $.each(result.cities, function(index, cityFrom){
                    coutryArray
                    if (countryFrom.countryId == cityFrom.countryId){
                        
                        if (cityFrom.cityId == 523){
                            $('<option selected value="'+cityFrom.cityId+'">'+cityFrom.name+'</option>').appendTo($('#'+countryFrom.countryId))
                        } else {
                            $('<option value="'+cityFrom.cityId+'">'+cityFrom.name+'</option>').appendTo($('#'+countryFrom.countryId))
                        }
                    }
                })
            })
        }
    })
 
 var from = $('#from');
        from.select(function(){
            console.log(from.val())
        })

в консоли вижу null либо undefined как достать значение этого селекта?

	22.01.2020, 18:49