How to trigger 'select' event in jQuery UI Selectmenu

Question

I got this selectmenu:

$( "#software" ).selectmenu({ 
    width : 'auto', 
    select: function( event, ui ) {
        //my code
    }
});

And I want to programmatically change the selected Item and trigger the 'select' state.

I do the following:

$( "#software" ).val( 1 ).selectmenu( "refresh" ).trigger( "select" );

The selectmenu picks the right option and refreshes it but it doesn't trigger the 'select' state. How can I do this?

Ricardo Valeriano · Accepted Answer · 2018-06-25 15:53:27Z

10

You can do the following:-

$( "#software" ).val(1).selectmenu("refresh").trigger("selectmenuselect");

You will need to bind an event listener to the selectmenuselect event like:

$( "#software" ).on( "selectmenuselect", function( event, ui ) {
     alert('New Item Selected!')
});

Ricardo Valeriano

7,8331 gold badge26 silver badges36 bronze badges

answered Jul 7, 2016 at 11:51

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

I want not do "$( "#software" ).val(1)", I just want to fire trigger every time when I change the value.