After create new option, the order doesn't is kept about bsmselect

[intropedro]

I have tried update the attribute 'data-bsm-order' to the current order but it doesn't work:

jQuery("#myselect option[selected=selected]").each(function(i, option) {
jQuery(option).attr( "data-bsm-order", i);
});

[vicb]

it would really help if you can come with a runnable example (ie a plunker) and describe the observed vs desired behavior. Thanks.

[intropedro]

This is one example: https://jsfiddle.net/vj13191t/3/

At the beginning:

• 1- G
• 2- D

Move D to 1:

• 1- D
• 2- G

Add X from the input and the result is:

• 1- G
• 2- D
• 3-X

But I think it would be so:

• 1- D
• 2- G
• 3- X

[vicb]

Thanks for the fiddle.

The problem is that the sortable plugin does not update the the data-bsm-order when an option is added or when the list is re-ordered.

One solution would be to update the plugin (onChange and onSort) to set or update this order.

An other solution would be to use: addItemTarget: 'bottom' and render the option in the desired order in the original select.

[intropedro]

I've also tried updating parameters "data-bsm-order" before adding the new option , but did not work:

jQuery("#add_button").click(function() {
    jQuery("#myselect option[selected=selected]").each(function(i, option) {
         jQuery(option).attr( "data-bsm-order", i);
    });
    ....
});

[vicb]

You should try to do it in the sortable plugin and probably want to do jQuery(option).data('bsm-order', i)