How can I trigger a change event manually?

Question

This is my jsfidle

http://jsfiddle.net/33uosw6c/1/

I have a combobox as shown

<select id="BrandNames">
<option value="3001">KFC</option>
</select>


$(document).on('change', 'select#BrandNames', function(event) {

    alert('hii');

});

How can I trigger a chnage event manually ??

Answer 1

Try this

$('select#BrandNames').trigger('change');

or

var event    = jQuery.Event('change');
event.target = $(document).find('select#BrandNames').get(0);
$(document).trigger(event);

Example

Answer 2

try this - Use .trigger() function

$(document).ready(function(){
    $("#BrandNames").trigger('change');
});