Показать сообщение отдельно
  #1 (permalink)  
Старый 12.08.2019, 09:10
Профессор
Отправить личное сообщение для _marisha Посмотреть профиль Найти все сообщения от _marisha
 
Регистрация: 18.05.2018
Сообщений: 170

Результаты формы
Доброго времени суток!
На сайте при добавлении товара в корзину справа отображается форма для ввода информации с 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>

После чего, при нажатии на "Выбрать" форма не закрывается.
Подскажите, пожалуйста, что делаю не так? Спасибо.
Ответить с цитированием