span text doesn't update when select box is change from the javascript

[eucalyp]

I'm using a javascript function to reset all my select option to the default one. The code to do that is pretty simple.

$('select option').prop('selected', function() { return this.defaultSelected;  });

But when I do it, the selected option is the right one in the hidden select, but in the span the text is not updated. I'm not a javascript expert, so I'm not sure if I should change the way I reset my selects or if we should fix it in your library.

Anthony

[eucalyp]

I did a little bit of research, and the problem comes from the fact that jQuery doesn't check change in attribute. So basically we would need to check change in the "selected" attribute, it would be a nice feature of the library, but it's not built-in jQuery, so we would need to add a workaround to make it works. What do you think of that?

[eucalyp]

I figured out a solution to make it works. I just trigger an event after I change the "selected" attribute of the option. So now the code is:

$('select option').prop('selected', function() { return this.defaultSelected;  });
$('select').trigger("change");

[wallaceerick]

Thanks @anbuf, good solution... save my life. 👍