javascript - How to trigger 'select' event in jQuery UI Selectmenu

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?

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?

Share Improve this question edited Jul 8, 2016 at 6:57 T J 43.2k13 gold badges86 silver badges142 bronze badges asked Jul 7, 2016 at 11:27 progNewbie 4,8329 gold badges56 silver badges121 bronze badges

Add a ment |

1 Answer 1

Sorted by: Reset to default 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!')
});

Info: select( event, ui )

科技改变生活-雨落星辰 - 所有的伟大,都源于一个勇敢的开始

javascript - How to trigger 'select' event in jQuery UI Selectmenu - Stack Overflow

1 Answer 1

与本文相关的文章

评论列表(0)