Подключение подсказок 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)

Пример

...

Блок кода
language html/xml
<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:

 

Блок кода

language	javascript

$firstname.suggestions({ serviceUrl: serviceUrl, params: { parts: ["NAME"] } });

Гранулярные подсказки ФИО или отдельные подсказки по имени.