jquery-ui 选择菜单作为链接？答案

【问题标题】：jquery-ui selectmenu as a link?jquery-ui 选择菜单作为链接？
【发布时间】：2011-06-08 07:05:21
【问题描述】：

我们有以下 HTML：

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

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

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

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

我们只希望我们的选项链接到页面而不需要提交表单，这可以通过 jquery-ui 选择菜单实现吗？

【问题讨论】：

对不起，这是我们正在使用的：filamentgroup.com/lab/…
是的，冷，没错。

标签： jquery-ui

【解决方案1】：

定义您的选择元素：

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

然后使用更改事件触发链接：

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

【讨论】：

direction 不是有效选项（与此问题无关），但更改回调是最好的解决方案。

【解决方案2】：

根据这里的文档https://github.com/fnagel/jquery-ui/wiki/Selectmenu，有可以使用的回调事件。您提到您尝试过 onclick...也许使用更改和选择回调会起作用？

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

【讨论】：