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

【问题标题】：JS Drop Down menu with submit button带有提交按钮的 JS 下拉菜单
【发布时间】：2011-03-25 16:25:10
【问题描述】：

我需要像图片中那样实现一个下拉菜单。我知道在没有“开始”按钮的情况下如何完成这样的事情，但是我将如何使用“开始”按钮来做到这一点？有没有办法让用户选择一个链接，但除非用户点击 go 按钮，否则不会触发它？是否有针对这种行为的 jquery 插件或其他东西？

我不太擅长 JS，所以示例 sn-ps 来说明您的建议将有助于我理解 - 谢谢！

【问题讨论】：

【解决方案1】：

您可以阻止链接的默认行为，如下所示：

$(document).ready(function() {

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

});

所以用户在选择链接时不会被重定向，但不会破坏这种行为，以防他想在新的标签/窗口中打开它，这很酷。

为了在用户点击时重定向用户，您只需将事件附加到 GO 按钮，该按钮会找到选定的 a，获取其 href，并将当前位置设置为它的值。

【讨论】：

【解决方案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');
});

【讨论】：