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

Question

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

我不是很擅长 JS，所以用示例片段来说明您的建议将对帮助我理解有很大帮助 - 谢谢!

Answer 1

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

$(document).ready(function() {

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

});

因此，用户在选择链接时不会被重定向，但如果他想在新的选项卡/窗口中打开它，也不会破坏该行为，这很酷。

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