Доброго времени суток!
На сайте при добавлении товара в корзину справа отображается форма для ввода информации с 2 полями с выпадающим списком.
<div class="form-body">
<div class="place_sections_block">
<div class="row">
<div class="col-md-12">
<div class="form-group animated-labels input-filed">
<label for="POPUP_SERVICE">Раздел</label>
<div class="input">
<select name="" class="place_sections form-control">
<?foreach ($sections as $section){?>
<option value="<?=$section['ID']?>"><?=$section['NAME']?></option>
<?}?>
</select>
</div>
</div>
</div>
</div>
</div>
<?$counter = 0;
foreach ($sections as $section){?>
<div class="row place_elements<?=++$counter==1?' active':''?>" id="placeElements<?=$section['ID']?>">
<div class="col-md-12">
<div class="form-group animated-labels input-filed">
<label for="POPUP_SERVICE">Место</label>
<div class="input">
<select class="form-control">
<?foreach ($section['elements'] as $element){?>
<option value="<?=$element['ID']?>"><?=$element['NAME']?></option>
<?}?>
</select>
</div>
</div>
</div>
</div>
<?}?>
</div>
Далее, при нажатии на кнопку "Выбрать" данная форма закрывается и информация передается в корзину.
<div class="form-footer clearfix">
<span class="btn btn-default placeChoose">Выбрать</span>
</div>
$(document).ready(function(){
$('.place_sections').on('change', function(){
var val = $(this).val();
$('.place_elements.active').removeClass('active');
$('#placeElements' + val).addClass('active');
});
$('.placeChoose').on('click', function(){
var val = $('.place_elements.active select').val(),
name = $('.place_elements.active select option:selected').html();
$.ajax({
method: 'post',
url: '/ajax/actions.php',
data: {action: 'setPlace', place_id: val},
success: function(data){
var result = JSON.parse(data);
if (result){
whenPlaceChoosen(name); //custom.js
}
}
})
});
});
Вместо 2 полей необходимо сделать обычное поле для заполнения.
Делаю так (т.е. второе поле убираю)
<div class="place_sections_block">
<div class="row">
<div class="col-md-12">
<div class="form-group animated-labels input-filed">
<label for="POPUP_SERVICE">Город</label>
<div class="input">
<input type="" name="" class="place_sections form-control">
</div>
</div>
</div>
</div>
</div>
После чего, при нажатии на "Выбрать" форма не закрывается.
Подскажите, пожалуйста, что делаю не так? Спасибо.