jquery-ui selectmenu作为链接?

时间:2011-06-08 07:05:21

标签: jquery-ui

我们有以下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?

2 个答案:

答案 0 :(得分:2)

定义你的选择元素:

<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();
        }
    }
});

答案 1 :(得分:1)

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

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