Как установить значение выбранного параметра для динамически добавляемого комбинированного списка, используя JQuery?

Question

Я динамически добавляю выпадающий список, используя jquery ajax.

. После добавления мне нужно получить значение выбранных пользователем выпадающих элементов,

myPage. aspx

<select class="form-control" id="cbVebdorAccount" style="padding:1px 10px;">
                    <option>1</option>
                    <option>2</option>

</select>

Jquery

for (var i = 0; i < data.d.length; i++) {
    $('#cbVebdorAccount').append($('<option>', {
        value: data.d[i].values,
        text: data.d[i].Accountnumber
    }));
}

Я попробовал следующий код

$('#cbVebdorAccount').change(function () {
    $(this).find('option').prop('selected', true)
    console.log('work'+$(this).val());
});

ОБНОВЛЕНИЕ После Ajax Вызов html элемент

<select class="form-control" id="cbVebdorAccount" style="padding:1px 10px;">
    <option value="2">3333</option>
    <option value="3">56211122</option>
</select>

Answer 1

Вы можете удалить строку $(this).find('option').prop('selected', true) и попробовать вместо нее использовать $(this).find("option:selected").val() или просто $(this).val(), например:

for (var i = 0; i < 10; i++) {
  $('#cbVebdorAccount').append($('<option>', {
    value: i + 3,
    text: i + 3
  }));
}

$('#cbVebdorAccount').change(function() {
  var value = $(this).find("option:selected").val();
  console.log('works: ' + $(this).val());
  console.log('This also works: ' + value);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="form-control" id="cbVebdorAccount" style="padding:1px 10px;">
  <option>1</option>
  <option>2</option>
</select>