Я использую выпадающее меню, а также кнопку отправки, чтобы отправить выбранное значение drop down.but, но я не хочу использовать кнопку отправки. когда я выбираю значение из раскрывающегося списка, он должен перенаправить страницу без использования кнопки отправки. может ли кто-нибудь отправить код ... я использовал тег select и option.с помощью выпадающего меню на странице html
-2
A
ответ
0
Для выполнения этой операции необходимо использовать JavaScript.
Например, в JQuery, вы могли бы сделать что-то подобное:
$(function() {
$('#myDropDownId').change(function() {
$('#formId').submit();
});
});
0
JQuery:
$('#selectId').change(function(){
if ($(this).val())
$(this).closest('form').submit();
});
0
Если вы не хотите использовать JQuery, вы можете сделать это с Javascript. Измените поле выбора, чтобы выглядеть так.
<select name="NAME" onchange="this.form.submit();">
+0
Убедитесь, что вы также добавили кнопку отправки, которую вы удаляете с помощью JavaScript, так что, если у пользователя нет включенного JavaScript, они все равно могут использовать навигацию. –
1
См Navigational pulldown menus in HTML всеобъемлющего руководства, но в двух словах:
- связать OnChange JavaScript обработчик события для выбора элемента, который вызывает формы
submit()
метод - Не делайте этого, это ужасный пользовательский интерфейс.
Смежные вопросы
- 1. Центрирование выпадающего меню на странице
- 2. 100% -ная ширина (на странице) выпадающего меню с помощью JQuery?
- 3. Удерживать возможность выпадающего меню на следующей странице
- 4. Создание выпадающего меню html с помощью meteor
- 5. Выбор количества результатов на странице с помощью выпадающего меню
- 6. Выпадающее меню HTML выпадающего меню
- 7. Выпадающего окна не работает в HTML-странице с помощью CSS
- 8. Найти меню выпадающего меню с помощью jquery
- 9. выпадающего меню с помощью PHP
- 10. выпадающего меню с помощью CSS
- 11. Внедрение выпадающего меню в HTML
- 12. python обработка выпадающего меню HTML
- 13. Отображается HTML на основе выпадающего меню
- 14. Настраивание выпадающего меню HTML с помощью функции JavaScript
- 15. Активация выпадающего меню с помощью css
- 16. Как отобразить значение выпадающего меню в другом месте на странице?
- 17. Автоматическое изменение выпадающего меню, HTML
- 18. меню Javascript выпадающего изменить HTML
- 19. Как получить значение выпадающего меню HTML с помощью PHP?
- 20. Как сделать зависимое меню выбора выпадающего меню показать/скрыть другое меню выпадающего меню с помощью Javascript?
- 21. заполнение выпадающего меню с помощью xml-файла
- 22. Укладка выпадающего меню html с Chosen.js
- 23. Вертикальное подменю выпадающего меню с Css/html
- 24. HTML/Javascript калькулятор с выпадающего меню
- 25. Удалить «выбрано» с помощью выпадающего меню
- 26. Обновить форму на странице, когда элемент выбран из выпадающего меню
- 27. Команда Javascript активирована с помощью выпадающего меню
- 28. каскадирование выпадающего меню с помощью angularjs
- 29. Отправка выпадающего меню форм с помощью python?
- 30. Создание выпадающего меню с помощью javascript
Пожалуйста, добавьте код на свой вопрос или по крайней мере ссылку на ваш сайт – Tom
Возможный дубликат http://stackoverflow.com/questions/2680465/select-menu-go-to-url-on-select-with -jquery –