Change event doesn't get called when the value of <select> is set programmatically

Question

Normally, when a user selects an item in a , the \'change\' event gets fired. However, when you change the value of the same <

Answer 1

It's not possible, unless you manually trigger the change function. If you don't like typing that code several times, extend the jQuery object. Fiddle: http://jsfiddle.net/W723K/2/

(function($){
    $.fn.changeVal = function(value){
        return this.each(function(){
            $(this).val(value).trigger('change');
        });
    }
})(jQuery);

//Usage:
$('select').changeVal('something');