взято с https://api.jqueryui.com/autocomplete/#option-appendTo
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
...
<div id="search">
<form method="get" action="{% url 'main:home' %}">
<input type="text" name="q" placeholder="Поиск по сайту" value="{{ request.GET.q }}">
<input id="input_id" type="submit" value="Найти">
</form>
</div>
...
<script>
$('#search input[name="q"]').autocomplete({
'source': '{% url "main:home" %}',
'minLength': 2,
'appendTo': "#search"
});
</script>
Сделал подсказки для каждого последнего слова в инпут:
Это работает, но если нажать на подсказку она заменит всю строку, а нужно заменить последнее незаконченное слово. Я плохо понимаю jquery. Пожалуйста помогите с решением