<input id="address" name="address" type="text" size="100"/> <link href="https://dadata.ru/static/css/lib/suggestions-15.5.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="https://dadata.ru/static/js/lib/jquery.suggestions-15.5.min.js"></script> <script type="text/javascript"> $("#address").suggestions({ serviceUrl: "https://dadata.ru/api/v2", token: "ВАШ API-КЛЮЧ", type: "ADDRESS", /* Вызывается, когда пользователь выбирает одну из подсказок */ onSelect: function(suggestion) { console.log(suggestion); } }); </script> |
<input id="address" name="address" type="text" size="100"/> <link href="http://suggestions.dadata.ru/suggestions/libs/jquery.suggestions/15.5/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> <!--[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://suggestions.dadata.ru/suggestions/libs/jquery.suggestions/15.5/js/jquery.suggestions.js"></script> <script type="text/javascript"> $("#address").suggestions({ serviceUrl: "http://suggestions.dadata.ru/suggestions/api/4_1/rs", token: "ВАШ API-КЛЮЧ", type: "ADDRESS", /* Вызывается, когда пользователь выбирает одну из подсказок */ onSelect: function(suggestion) { console.log(suggestion); } }); </script> |
<input id="address" name="address" type="text" size="100"/> <link href="http://ВАШ_СЕРВЕР:ПОРТ/suggestions/libs/jquery.suggestions/15.5/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> <!--[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://ВАШ_СЕРВЕР:ПОРТ/suggestions/libs/jquery.suggestions/15.5/js/jquery.suggestions.js"></script> <script type="text/javascript"> $("#address").suggestions({ serviceUrl: "http://ВАШ_СЕРВЕР:ПОРТ/suggestions/api/4_1/rs", type: "ADDRESS", /* Вызывается, когда пользователь выбирает одну из подсказок */ onSelect: function(suggestion) { console.log(suggestion); } }); </script> |
suggestion
функции onSelect
выглядит так:Настройка | Описание |
---|---|
count | |
triggerSelectOnSpace | |
constraints и restrict_value | Принудительное ограничение области поиска |
geoLocation | Геолокация |
bounds | Гранулярные подсказки по адресу |