Как добавить “живой поиск” к ajax форме? asp.net mvc
есть вот такая ajax-форма
@using (Ajax.BeginForm("FilterSearch", "EventDetails", FormMethod.Post, new AjaxOptions
{
UpdateTargetId = "thisplace"}))
{
<div class="form-group1" id="search" >
<label class="col-sm-5 control-label">A word or phrase to search:</label>
<div class="col-sm-7">
@Html.EditorFor(model => model.Filter.SearchingItem, new { htmlAttributes = new { @class = "form-control", placeholder = "Enter to search.." } })
</div>
</div>
<input type="submit" value="Search" class="btn btn-default" />
}
по нажатию кнопки Search ищем информацию и выводим её. Как сделать так чтобы оно искало еще во время ввода данных в поле, без нажатия кнопки поиска?
$('#search input').on('keyup', function() {
// Здесь вызвать поиск
});
Смысл в том, что вам просто нужно отловить event на изменение значения в вашем input.
on.('change') здесь не подойдет, т.к. он сработает только после .blur на вашем input.
on.('keydown') так же не подойдет, т.к. он будет срабатывать на 1 символ раньше - если в input значение 123 и вы жмете 4, то сначала обрабатывается ваш keydown, а только потом меняется значение в input.
и для отправки формы:
$('#search input').on('keyup', function () {
$("#Filter_SearchingItem").submit();
});
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
- Почему SERVER_ADDR имеет не тот IP 50346 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31952 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26321 visits
- Как через css изменить цвет png изображения? 11774 visits
- Blob video url download 11319 visits
- Php curl запрос через прокси с авторизацией 10729 visits
- Работа с captcha vk api 9525 visits
© "hostciti.net" 05.4.2026 | 14:48