JS Выпадающее меню с кнопкой отправки

Question

альтернативный текст http://img84.imageshack.us/img84/2193/picture2kx.png

Мне нужно реализовать выпадающее меню, подобное изображенному на картинке.Я знаю, как сделать что-то подобное, когда нет кнопки «идти», но как мне это сделать с помощью кнопки «идти»?Есть ли способ разрешить пользователю выбирать ссылку, но не запускать ее, если пользователь не нажмет кнопку «Перейти»?Есть ли плагин jquery или что-то подобное для такого поведения?

Я не очень хорош в JS, поэтому примеры фрагментов, иллюстрирующие ваши предложения, помогут мне понять - спасибо!

Answer 1

Вы можете сделать что-то вроде этого:

$("#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');
}); 

Answer 2

Вы можете запретить поведение ссылок по умолчанию, например:

$(document).ready(function() {

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

});

Таким образом, пользователь не будет перенаправлен при выборе ссылки, но не будет нарушать это поведение в случае, если он захочетоткройте его в новой вкладке / окне, что круто.

И для перенаправления пользователя, когда он щелкает, вы можете просто прикрепить событие к кнопке GO, которая находит выбранное a, берет его href и устанавливаеттекущее местоположение к его значению.