JS提交按鈕的下拉菜單

Question

alt text http://img84.imageshack.us/img84/2193/picture2kx.png

我需要實現一個下拉菜單，如圖像。當我沒有'去'按鈕時，我知道如何完成這樣的事情，但是我怎麼用'去'按鈕來做到這一點？有沒有辦法讓用戶選擇一個鏈接，但不會觸發它，除非用戶點擊go按鈕？有沒有一個jquery插件或這種行爲的東西？

我不是很擅長JS，所以用示例代碼片段來說明你的建議將大大幫助我理解 - 謝謝！

Answer 1

您可以阻止鏈接的默認行爲，像這樣：

$(document).ready(function() { 

    $("#menu a").click(function(event) { 
    event.preventDefault(); 
    }); 

}); 

因此，選擇鏈接時，用戶不會被重定向，但不會打破的情況下，他想打開行爲它在一個新的標籤/窗口中，這很酷。

並且，當用戶點擊時重定向用戶，您可以將一個事件附加到GO按鈕上，該按鈕可以找到所選的a，並獲取其href並將當前位置設置爲其值。

Answer 2

你可以做這樣的事情：

$("#menu a").click(function(event) { 
    $("#menu a").removeClass('selected'); 
    $(this).addClass('selected'); 
    return false; 
}); 

然後：

$("#buttonid").click(function(event) { 
    window.location.href = $("#menu a.selected").attr('href'); 
});