Build Custom Menu with jQuery UI Selectmenu Widget

Build Custom Menu with jQuery UI Selectmenu Widget

I read through the api document http://api.jqueryui.com/selectmenu/, but failed to make a custom menu click-able/link to where I want? with using https://wordpress.org/plugins/jquery-ui-widgets/screenshots/

in my plugin setting
  1. jQuery(document).ready(function($) {
  2. $( "#speed" ).selectmenu( "menuWidget" ); });

in my wordpress text widget setting
  1. <select name="speed" id="speed">
  2. <option value="Slower" selected>Slower</option>
  3. <option value="Slow">Slow</option>
  4. <option value="Medium">Medium</option>
  5. <option value="Fast">Fast</option>
  6. <option value=Faster">Faster</option>
  7. <option data-href="http://xxxxxxx/yyyyy/zzzzzzzz/business-finance">Shop Business & Finance</option>
  8. </select>
The dropdown custom menu widget at sidebar was success builded, but the line 7 (a category link) still cannot link to where I want?