jquery-ui selectmenu as a link?

We have the following HTML:

<option value="4def1b88a1247"><a href="link">Text</a></option>

When using jquery-ui select menu, the option is changed to:

<span class="ui-selectmenu-status">Text</span>

How do we 开发者_如何学运维get a jquery-ui selectmenu option to link to another page? We have tried onclick, but this also gets removed when the select menu is re-written.

We just want our options to link to pages without the need of a form to be submitted, is this possible with jquery-ui selectmenu?

Define your select element:

<select id="my_menu">
    <option value="/page1.html">Go to Page 1</option>
    <option value="/page2.html">Go to Page 2</option>
</select>

And then use the change event to fire the link:

$('#my_menu').selectmenu({
    change: function() {
        if($(this).val() != '') {
            window.location = $(this).val();
        }
    }
});

According to the documentation here, https://github.com/fnagel/jquery-ui/wiki/Selectmenu, there are callback events that can be used. You mentioned that you tried onclick...perhaps using the change and select callbacks will work instead?

The documentation is from the Felix Nagel version of the plugin by the way, which the FilamentGroup people say on their page is an improved version of there's.