Подсказки по адресу (jQuery)
Пример
Блок кода |
---|
|
<input id="address" name="address" type="text" size="100"/>
<link href="http://ВАШ_СЕРВЕР:ПОРТ/suggestions/styles/libs/jquery.suggestions/stable/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/stable/js/jquery.suggestions.js"></script>
<script>
$("#address").suggestions({
serviceUrl: "http://ВАШ_СЕРВЕР:ПОРТ/suggestions/api/4_1/rs",
type: "ADDRESS",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
console.log(suggestion);
}
});
</script> |
Раскрыть |
---|
|
Блок кода |
---|
| <input id="address" name="address" type="text" />
<link href="http://ВАШ_СЕРВЕР:ПОРТ/suggestions/libs/jquery.suggestions/ | 4.6master/css/suggestions.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="https:// | ajaxgoogleapiscloudflare.com/ajax/libs/jquery/ | 11021/jquery.min.js"></script>
<script type="text/javascript" src="http://ВАШ_СЕРВЕР:ПОРТ/suggestions/libs/jquery.suggestions/ | 4.6master/js/jquery.suggestions.js"></script>
<script type="text/javascript">
$("#address").suggestions({
serviceUrl: "http://ВАШ_СЕРВЕР:ПОРТ/suggestions/api/4_1/rs | ",
token: "ВАШ API-КЛЮЧ",
type: "ADDRESS",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
console.log(suggestion);
}
});
</script> |
|
В качестве аргумента в обработчик onSelect
передается объект адреса.
Дополнительные возможности
Аргумент suggestion
функции onSelect
выглядит так:
Раскрыть |
---|
|
Включить страницу |
---|
| Объект адреса |
---|
| Объект адреса |
---|
|
|
Поменяйте настройки, если стандартные вас не устраивают
...