Correct way to select an option from JS ?

[softshape]

Hi all,

simple $('#myselect').val('value1') won't work if #myselect is wrapped with DropKick.

Strange but $('#myselect').val('value1').dropkick('refresh') won't work also.

What is the correct way to change selected value?

[wwilsman]

If you are using the jQuery wrapper, $('#myselect').dropkick('select', index) should work; where index is the index of the item you are trying to select. A future update will allow a value to be passed optionally.

Native equivelent: Dropkick('#myselect').select(index).

If you absolutely need to select an element by it's text value, then you can use the search function in conjunction with the select function.

var dk = Dropkick('#myselect');
var matches = dk.search('value1');
matches && dk.select(matches[0]);

[softshape]

Thank you, Wil!

The 'text value' is the best way because it's close to how .val() works in jQuery. I don't know if DropKick can listen to change() event of the select - if yes, an ideal implementation would look like -

$('#myselect').val('value1')

Yes, no DropKick in this line. DropKick would listen to the change() and then update its current value automatically.

[wwilsman]

Agreed. The next update will most likely include a listener on the select to update the Dropkick. For now, I'm going to leave this issue open and get this implemented later in the week.
.

[wwilsman]

Can't listen to change event in native JavaScript. Instead it is now possible to select an option based on it's value like so:

Dropkick('#myselect').select('value1')
or
$('#myselect').dropkick('select', 'value1').