[Dropdown] Can't get values after invoke $.dropdown('set values', values)

When a dropdrown values are changed by $('#dropdown').dropdown('set values', values) and you call $('#dropdown').val() does not return the selected value.

In my code I have two Dropwods one with some years and other that list months that are included in those years. When a years is selected months are updated with set values but then I can’t get selected month. I order to deal with this issue I did this:

<div class='ui form'>
  <div class='field'>
      <label for="year">Year:</label>
      <select name="year" class="ui dropdown" id="year">
        <option value="2017" data-month="[1, 2, 3]">2016</option>
        <option value="2017" data-month="[4, 5, 6]" selected>2017</option>
      </select>
  </div>
  <div class="field">
    <label for="month">Month:</label>
      <select name="year" class="ui dropdown" id="month">
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
      </select>
  </div>
</div>

$(function (){
    $('#year').dropdown({
        onChange: function (value, text, $selectedItem) {
            var arr = [];
            var months = $('#year').find(':selected').data('month');
            for (var i = 0; i < months.length; i++) {
                var m = months[i];
                arr.push({value: m, name: m});
            }
            arr[arr.length - 1].selected = true;
            $('#month').dropdown('change values', arr);
        }
    });
  $('#month').dropdown({
       onChange: function (value, text, $selectedItem) {
            $('#month').data('value', value); //To deal with issue
        }
 });
});

PS: I tried to make JSfiddle but didn’t work 😞 .

[azarisaeed]

I fixed it by add the same list to my select options too

for (var i = 0; i < response.length; i++) {
      var item = response[i];
      inner = inner + "<option value='" + item.value + "'>" + item.name + "</option>";
}

[wrycu]

This is still an issue.