我们有以下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?
答案 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人员在他们的页面上说这是一个改进版本。