2012-02-03 7 views
-2

Я использую выпадающее меню, а также кнопку отправки, чтобы отправить выбранное значение drop down.but, но я не хочу использовать кнопку отправки. когда я выбираю значение из раскрывающегося списка, он должен перенаправить страницу без использования кнопки отправки. может ли кто-нибудь отправить код ... я использовал тег select и option.с помощью выпадающего меню на странице html

+0

Пожалуйста, добавьте код на свой вопрос или по крайней мере ссылку на ваш сайт – Tom

+0

Возможный дубликат http://stackoverflow.com/questions/2680465/select-menu-go-to-url-on-select-with -jquery –

ответ

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() метод
  • Не делайте этого, это ужасный пользовательский интерфейс.
Смежные вопросы