Как создать Yii2 форму и динамически загружаемые поля?

Question

[teodor7teodor7]

Необходимо, что бы в форме при выборе в dropdown определенных значений загружались поля. То есть у нас есть область и города. При выборе в dropdown области у нас подгружаются города с полями что бы можно было проставить цены.

Comments

[Дмитрий]

Добрый день.
Используйте связанные списки.
При изменении первого списка отправляете запрос на сервер при помощи ajax. В ответ возвращаете список городов.

[teodor7teodor7]

slo_nik, понял, а поля просто сделать hiden а потом вырисовывать и множить? Была мысль отрисовывать поля отдельно и возвращать.

[Максим Тимофеев]

teodor7teodor7, Вы представляете себе массив данных, которые Вам надо будет вывести. Если это города, то вариант плохой и только ajax, если там их не много, то вполне подойдет. Можно даже формировать в js дропдаун на лету на базе json, который сформировать при загрузке страницы сразу

[teodor7teodor7]

Максим Тимофеев, понял спасибо

[teodor7teodor7]

Подскажите каким образом можно на jQuery

$('#contact-form').yiiActiveForm('add', {
    id: 'address',
    name: 'address',
    container: '.field-address',
    input: '#address',
    error: '.help-block',
    validate:  function (attribute, value, messages, deferred, $form) {
        yii.validation.required(value, messages, {message: "Validation Message Here"});
    }
});

Такой вариант отдает

ncaught TypeError: Cannot read property 'attributes' of undefined
    at jQuery.fn.init.add (yii.activeForm.js:242)
    at jQuery.fn.init.$.fn.yiiActiveForm (yii.activeForm.js:16)
    at HTMLDocument.<anonymous> (create:1459)
    at mightThrow (jquery.js:3583)
    at process (jquery.js:3651)

Как можно решить?

[teodor7teodor7]

Решил добавлять поля динамически что то типа.

$script = <<< JS
 $("#combaine-region_id").change(function(){render()});
       $("#point").empty();render();
        function render (){
        
        var region = $("#combaine-region_id").val();
        if (isFinite(region)) {
            $.ajax({
                url: "/combaine/cities-region-list-ajax?id=" + region,
                dataType : "json",
                success: function (data, textStatus) {
                     cities(data);
                }               
            });
       $.ajax({
            url: "/combaine/point-time?id=" + region,
            dataType : "json",
            success: function (data, textStatus) {  
                    points(data);
            }               
        }); 
    }
    function points(data){
      var points = '';
      for (var key in data) {
        var result =  data[key];
            for (var key in result) {
                points += result[key] + '<div class="form-group field-combaine-name"><input type="text" class="form-control" id="time[' + key + ']" name="Combaine[time][' + key + ']" value="" placeholder="Sunday"></div>';           
            
            }
             
             $('*[data-id="'+key+'"]').append(points);

             points = '';
        }
        }
    function cities(data){
      var result = ''; 
      data.results.forEach(function(item, i, arr) {
            result += '<div class="panel panel-default"><div class="panel-heading">' + item.text +'</div>' +
                        '<div class="panel-body" data-id="' + item.id + '"></div></div>'; 
            });
      $("#point").append(result);
      
        }
       } 
    
JS;

$this->registerJs($script);

Вопрос стоит в волидации. Каким образом можно сделать правильную валидациию и хотелось бы всетаки добавлять через

$('#contact-form').yiiActiveForm('add', {
    id: 'address',
    name: 'address',
    container: '.field-address',
    input: '#address',
    error: '.help-block',
    validate:  function (attribute, value, messages, deferred, $form) {
        yii.validation.required(value, messages, {message: "Validation Message Here"});
    }
});

но почему то не работает