Несколько примеров настройки виджета СДЭК для выбора пункта выдачи, подробную информацию можно посмотреть на https://widget.cdek.ru/.
<input type="text" name="pvz" placeholder="Код ПВЗ">
<input type="text" name="address" placeholder="Адрес ПВЗ">
<script id="ISDEKscript" type="text/javascript" src="https://widget.cdek.ru/widget/widjet.js" charset="utf-8"></script>
<script>
var widjet = new ISDEKWidjet({
hidedelt: true,
defaultCity: 'Москва',
cityFrom: 'Москва',
link: 'forpvz',
onChoose: function(info){
ipjq('[name="pvz"]').val(info.id);
ipjq('[name="address"]').val(' г.' + info.cityName + ', ' + info.PVZ.Address);
//console.dir(info);
}
});
</script>
<div id="forpvz" style="height:500px;"></div>
Результат:
Виджет в всплывающем окне
<input type="text" name="pvz" placeholder="Код ПВЗ">
<input type="text" name="address" placeholder="Адрес ПВЗ">
<a href="javascript:void(0)" onclick="widjet.open()">Выберите пункт выдачи</a>
<script id="ISDEKscript" type="text/javascript" src="https://widget.cdek.ru/widget/widjet.js" charset="utf-8"></script>
<script>
var widjet = new ISDEKWidjet({
popup: true,
hidedelt: true,
defaultCity: 'Москва',
cityFrom: 'Москва',
onReady: function(){
ipjq('#linkForWidjet').css('display','inline');
},
onChoose: function(info){
ipjq('[name="pvz"]').val(info.id);
ipjq('[name="address"]').val(' г.' + info.cityName + ', ' + info.PVZ.Address);
//console.dir(info);
widjet.close();
}
});
</script>
Буду благодарен за ответ с примером кода.