Показать сообщение отдельно
  #1 (permalink)  
Старый 30.12.2024, 19:52
Аспирант
Отправить личное сообщение для tp-20 Посмотреть профиль Найти все сообщения от tp-20
 
Регистрация: 19.06.2018
Сообщений: 55

Как заставить работать Enter в связке input-button?
Добрый день.

Нужно после ввода в поле input по нажатию на Enter активировать кнопку button и начать поиск.
Сейчас поиск работает только нажатием мышки, что очень не удобно.
Скрин для наглядности.

что нужно изменить в JS, чтобы активировать кнопку Enter?

движок OpenCart:

<input type="text" name="filter_name" value="<?php echo $filter_name; ?>" placeholder="<?php echo $entry_name; ?>" id="input-name" class="form-control" />

<button type="button" id="button-filter" class="btn btn-primary pull-right"><i class="fa fa-search"></i> <?php echo $button_filter; ?></button>

$('#button-filter').on('click', function() {
	var url = 'index.php?route=newsblog/article&token=<?php echo $token; ?>';

	var filter_name = $('input[name=\'filter_name\']').val();

	if (filter_name) {
		url += '&filter_name=' + encodeURIComponent(filter_name);
	}

	var filter_category = $('select[name=\'filter_category\']').val();

  	if (filter_category != '*') {
		url += '&filter_category=' + encodeURIComponent(filter_category);
	}

	var filter_status = $('select[name=\'filter_status\']').val();

	if (filter_status != '*') {
		url += '&filter_status=' + encodeURIComponent(filter_status);
	}

	location = url;
});
Изображения:
Тип файла: jpg 1.jpg (43.9 Кб, 2 просмотров)
Ответить с цитированием