Invoke the destroy method:

$( ".selector" ).selectmenu( "destroy" );

Invoke the disable method:

$( ".selector" ).selectmenu( "disable" );

Invoke the enable method:

$( ".selector" ).selectmenu( "enable" );

Retrieves the selectmenu's instance object. If the element does not have an associated instance, undefined is returned.

Unlike other widget methods, instance() is safe to call on any element after the selectmenu plugin has loaded.

Invoke the instance method:

$( ".selector" ).selectmenu( "instance" );

Invoke the menuWidget method:

$( ".selector" ).selectmenu( "menuWidget" );

Invoke the open method:

$( ".selector" ).selectmenu( "open" );

Gets the value currently associated with the specified optionName.

Note: For options that have objects as their value, you can get the value of a specific key by using dot notation. For example, "foo.bar" would get the value of the bar property on the foo option.

Invoke the method:

var isDisabled = $( ".selector" ).selectmenu( "option", "disabled" );

Invoke the method:

var options = $( ".selector" ).selectmenu( "option" );

Sets the value of the selectmenu option associated with the specified optionName.

Note: For options that have objects as their value, you can set the value of just one property by using dot notation for optionName. For example, "foo.bar" would update only the bar property of the foo option.

Invoke the method:

$( ".selector" ).selectmenu( "option", "disabled", true );

Invoke the method:

$( ".selector" ).selectmenu( "option", { disabled: true } );

Invoke the refresh method:

$( ".selector" ).selectmenu( "refresh" );

Invoke the widget method:

$( ".selector" ).selectmenu( "widget" );

Method that controls the creation of each option in the widget's menu. The method must create a new <li> element, append it to the menu, and return it. See the Menu documentation for more details about the markup.

Style the menu item background colors based on the value of their corresponding option elements.

_renderItem: function( ul, item ) {
  var li = $( "<li>" )
    .css( "background-color", item.value );
 
  if ( item.disabled ) {
    li.addClass( "ui-state-disabled" );
  }
 
  this._setText( li, item.label );
 
  return li.appendTo( ul );
}

Add a CSS class name to the odd menu items.

_renderMenu: function( ul, items ) {
  var that = this;
  $.each( items, function( index, item ) {
    that._renderItemData( ul, item );
  });
  $( ul ).find( "li:odd" ).addClass( "odd" );
}

Always display the menu as 500 pixels wide.

_resizeMenu: function() {
  this.menu.outerWidth( 500 );
}