带有提交按钮的JS下拉菜单

Question

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

我需要实现一个下拉菜单，就像图像中的那样。当没有'go'按钮时，我知道如何完成这样的事情，但是如何使用'go'按钮完成此操作？有没有办法允许用户选择一个链接但不触发它，除非用户点击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');
});