javascript,jquery,html,jquery-ui,jquery-ui-selectmenu
this refers to the selectmenu itself, not the object in it. You need to use ui.item for that: $(".drpmnu").selectmenu({ change: function( event, ui ){ console.log($(ui.item.element).data('timings')); } }); ...
javascript,css,jquery-ui,select-menu,jquery-ui-selectmenu
js: core, widget, position, menu, selectmenu. But these you can already have from the builder page: http://jqueryui.com/download/ css: selectmenu.css If you want you can also add core.css and/or menu.css but as far as I can see now, they're not mandatory....
javascript,jquery,jquery-ui,positioning,jquery-ui-selectmenu
You can use vertical-align : middle;on your select-menu and button to align them vertically : JSFIDDLE...
javascript,jquery,jquery-ui,syntax,jquery-ui-selectmenu
So, i went back to the Jquery Documentation and found the correct syntax to make this work. I also learned a little more about how to use the console tab in developer tools view to track down syntax errors. $(function() { var work = $( "#display" ); $( "#selector" ).selectmenu...