Подсказки по ФИО (jQuery)
Пример
| Блок кода |
|---|
|
<input id="fullname" name="fullname" type="text" |
...
/>
<link href="http://ВАШ_СЕРВЕР:ПОРТ/suggestions |
...
...
...
stable/css/suggestions.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https:// |
...
...
cloudflare.com/ajax/libs/jquery/ |
...
...
...
1/jquery.min.js"></script>
<script type="text/javascript" src="http://ВАШ_СЕРВЕР:ПОРТ/suggestions/libs/jquery.suggestions/ |
...
stable/js/jquery.suggestions.js"></script>
<script type="text/javascript">
$("#fullname").suggestions({
serviceUrl: "http://ВАШ_СЕРВЕР:ПОРТ/suggestions/api/4_1/rs |
...
",
type: "NAME",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
console.log(suggestion);
}
});
</script> |
В качестве аргумента в обработчик onSelect передается объект ФИО. Дополнительные возможности
Если указать шаблон ФИО, то подсказки будут показывать только части, указанные в шаблоне (например, только имена или только имена и отчества).
| Параметр | Описание | Тип данных / значение | По умолчанию |
|---|
params.parts | Шаблон ФИО | Шаблон ФИО | — |
Шаблон ввода ФИО передается в дополнительном параметре parts:
...
...
| Раскрыть |
|---|
|
| Блок кода |
|---|
| <input id="fullname" name="fullname" type="text" />
<link href="http://ВАШ_СЕРВЕР:ПОРТ/suggestions/libs/jquery.suggestions/master/css/suggestions.css" type="text/css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="http://ВАШ_СЕРВЕР:ПОРТ/suggestions/libs/jquery.suggestions/master/js/jquery.suggestions.js"></script>
<script>
$("#fullname").suggestions({
serviceUrl: "http://ВАШ_СЕРВЕР:ПОРТ/suggestions/api/4_1/rs",
type: "NAME",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
|
|
...
console.log(suggestion);
}
});
</script> |
|
Аргумент suggestion функции onSelect выглядит так:
Поменяйте настройки, если стандартные вас не устраивают