How do you change the selected option of a jquery selectric element using javascript?

Question

I can change the original select's selected option by doing something like-

$('#mySelectList option:first').prop('selected', true)

but that doesn't update the selectric display of the select.

Answer 1

According to this pull request, you can "refresh" the plugin:

$('#mySelectList').prop('selectedIndex', 0).selectric('refresh');

From the documentation:

$('select').selectric('refresh'); // Reconstruct the instance of plugin