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

Answer 2

要根据它的值改变selectric，这可行：

$('#mySelectList').val(someValue).selectric('refresh');