2011-06-08 60 views
0

我們有以下的HTML:jquery-ui selectmenu作爲鏈接?

<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

對不起,這是我們使用的是什麼:HTTP://www.filamentgroup。 com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/ – Latox 2011-06-08 07:19:37

+0

是的冷,那是對的。 – Latox 2011-06-09 02:04:17

回答

2

定義你的選擇元素:

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

方向是無效的選項(並且與此問題無關),但改變回調是最好的解決方案。 – fnagel 2013-08-06 12:49:55

+0

謝謝@fnagel,我按照建議編輯了我的答案 – Christian 2013-08-06 14:15:07

1

根據此處的文檔https://github.com/fnagel/jquery-ui/wiki/Selectmenu,可以使用回調事件。你提到你嘗試onclick ...也許使用更改和選擇回調將工作,而不是?

該文檔來自Felix Nagel插件版,順便說一下,FilamentGroup人員在他們的頁面上說這是一個改進版本。