select list title is not showing on mouse hover

Question

I created a Select list and applied jquery UI selectmenu plugin like:

  <select id="test" title="This is not showing on mouse hover">
  <option..>
  </option>..
  </select>

  $("#test").selectmenu();

Now my problem is that the title which i gave to my select list is not showing on mousehover. Whats the problem ?

Answer 1

Apparently, the selectmenu widget does not expose the title attribute of the original element.

This may be fixed by the time this widget becomes available in the main jQuery UI tree, but in the meantime you can implement this feature yourself. Try:

var $test = $("#test");
$test.selectmenu().selectmenu("widget").attr("title", $test.attr("title"));