Question

我们有以下HTML：

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

使用jquery-ui选择菜单时，该选项将更改为：

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

我们如何获得链接到另一个页面的jquery-ui selectmenu选项？我们尝试了onclick，但是当重写选择菜单时，这也会被删除。

我们只是希望我们的选项链接到页面而不需要提交表单，这是否可以使用jquery-ui selectmenu？

Answer 1

定义你的选择元素：

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

然后使用change事件触发链接：

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

Answer 2

根据此处的文档https://github.com/fnagel/jquery-ui/wiki/Selectmenu，可以使用回调事件。你提到你试过onclick ...也许使用更改并选择回调将会起作用吗？

顺便说一句，文档来自插件的Felix Nagel版本，FilamentGroup人员在他们的页面上说这是一个改进版本。

jquery-ui selectmenu作为链接？

2 个答案: