Other ways to trigger dropdown's onChange? It does not fire with 'set selected'

I have a simple setup like

$element.dropdown({
  fullTextSearch: true,
  onChange: function() {}
})

and then have an ajax at the end to pre-fill it

$.ajax({
 // settings here
})
.done(
  // iterate results and made <div class="item" data-value=value here>text here</div> with it
  // and added it using .html()
  
  $element
    .dropdown('set selected', 'defaultValue')
)

onChange does not fire when doing that. Tried putting it insde setTimeout and still not working.

BUT it does work when manually clicking or doing it from the console like $element.dropdown('set selected', 'otherValue')

I can see the defaultValue being selected but it’s just the event onChange not firing.

tried doing .find() and .trigger('change') on the hidden input but no luck. even triggering change from the dropdown itself.

[awgv]

Hi @xxRockOnxx, when it’s done() and you populated it with options, try executing the $el.dropdown('refresh') before selecting the default value, and please let me know if it helped:

$element
  .dropdown('refresh')
  .dropdown('set selected', defaultValue)

[xxRockOnxx]

I think I found the cause of the problem in case other might experience the same issue as me.

There was a value attribute on the input itself. Might work if the value is not the same as the one you put in set selected. Doing set selected with the same value as the current one will not trigger a change.