2

$(function() {
    $('input[name="keyword"]').autocomplete({
		source: function(request, response){
			$.ajax({
				type: 'POST',
				dataType: 'json',
				data: { query: request.term },
				url: '/ajax.php',
				success: function(data){
					response($.map(data, function(item){
						return item;
					}));
				}
			});
		},
		delay: 500,
		minLength: 2
    });
});
<html>
<head>
<script src="jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>
</head>
<body>
<input type="text" class="input-lg" name="keyword" autocomplete="off">
<button type="submit">ПОИСК</button>
</body>
</html>

2 ответа 2

1

Заменил change на select. Такой вариант работает:

$('input[name="keyword"]').autocomplete({

    select: function(event, ui) { 
        $('input[name="keyword"]').val(ui.item.label);
        $('#search').submit(); 
    }
});
1

В jquery UI Autocomplete есть событие select, которое сработает при выборе подсказки - http://api.jqueryui.com/autocomplete/#event-select

Только input и button в <form></form> заключить

$(function() {
    $('input[name="keyword"]').autocomplete({
		source: function(request, response){
			$.ajax({
				type: 'POST',
				dataType: 'json',
				data: { query: request.term },
				url: '/ajax.php',
				success: function(data){
					response($.map(data, function(item){
						return item;
					}));
				}
			});
		},
		delay: 500,
		minLength: 2,
    select: function( event, ui ) {
      $('#search').submit();
    }
    });
});
<html>
<head>
<script src="jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>
</head>
<body>
<form name="search" id="search" meyhod="post">
<input type="text" class="input-lg" name="keyword" autocomplete="off">
<button type="submit">ПОИСК</button>
</form>
</body>
</html>

2
  • При таком варианте получается со второго клика: выбираю подсказку(поиск не идет), после этого при клике по любой области экрана выполняется поиск. 24 окт 2017 в 16:42
  • @jazzfriends да, всё верно, это я перепутал, событие change срабатывает при потере фокуса полем, а select при выборе из списка 24 окт 2017 в 21:26

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.