Выпадающее меню JS с кнопкой отправки
Мне нужно реализовать выпадающее меню, подобное изображенному на картинке. Я знаю, как сделать что-то подобное, когда нет кнопки «Пуск», но как мне сделать это с помощью кнопки «Пуск»? Есть ли способ разрешить пользователю выбирать ссылку, но не запускать ее, если пользователь не нажимает кнопку перехода? Есть ли плагин jquery или что-то подобное для такого рода поведения?
Я не очень хорошо разбираюсь в JS, поэтому примеры фрагментов, иллюстрирующие ваши предложения, помогут мне понять - спасибо!
2 ответа
Вы можете предотвратить поведение ссылок по умолчанию, вот так:
$(document).ready(function() {
$("#menu a").click(function(event) {
event.preventDefault();
});
});
Таким образом, пользователь не будет перенаправлен при выборе ссылки, но и не нарушит это поведение в случае, если он захочет открыть ее в новой вкладке/окне, что круто.
А для перенаправления пользователя при нажатии, вы можете просто прикрепить событие к кнопке GO, которое найдет выбранную ссылку a, возьмет ее href и установит текущее местоположение на ее значение.
Вы можете сделать что-то вроде этого:
$("#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');
});