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