Подключение подсказок DaData.ru
Блок кода |
---|
|
<input id="fullname" name="fullname" type="text" size="100"/>
<link href="http://dadata.ru/static/css/suggestions-4.6.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!--[if lt IE 10]>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.1/jquery.xdomainrequest.min.js"></script>
<![endif]-->
<script type="text/javascript" src="http://dadata.ru/static/js/jquery.suggestions-4.6.min.js"></script>
<script type="text/javascript">
$("#fullname").suggestions({
serviceUrl: "http://dadata.ru/api/v2",
token: "ВАШ API-КЛЮЧ",
type: "NAME",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
console.log(suggestion);
}
});
</script> |
Подключение standalone-подсказок
Подсказки по ФИО (jQuery)
Пример
...
Блок кода |
---|
|
<input id="fullname" name="fullname" type="text" size="100"/>
<link href="http://ВАШ_СЕРВЕР:ПОРТ/suggestions/styles.css" type="text/css" rel="stylesheet" />
<link href="http://ВАШ_СЕРВЕР:ПОРТ/suggestions/libs/jquery.suggestions/4.6/css/suggestions.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ВАШ_СЕРВЕР:ПОРТ/suggestions/libs/jquery.suggestions/4.6/js/jquery.suggestions.js"></script>
<script type="text/javascript">
$("#fullname").suggestions({
serviceUrl: "http://ВАШ_СЕРВЕР:ПОРТ/suggestions/api/4_1/rs",
token: "ВАШ API-ключ",
type: "NAME",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
console.log(suggestion);
}
});
</script> |
В качестве аргумента в обработчик onSelect передается объект ФИО. Дополнительные возможности
Если указать шаблон ФИО, то подсказки будут показывать только части, указанные в шаблоне (например, только имена или только имена и отчества).
Аргумент suggestion
функции onSelect
выглядит так:
Поменяйте настройки, если стандартные вас не устраивают
Настройка | Описание | Параметр | Описание | Тип данных / значение | По умолчанию |
---|
params.parts | Шаблон ФИО | Шаблон ФИО | — |
Шаблон ввода ФИО передается в дополнительном параметре parts
:
Блок кода |
---|
|
$firstname.suggestions({
serviceUrl: serviceUrl,
params: {
parts: ["NAME"]
}
});