首页 > 解决方案 > 如何使 Select2 与 Form KTRepeater 一起工作?

问题描述

我正在使用 Metronic 主题。现在这是我的转发器 html 表单代码:

 <div id="kt_repeater_1">
  <div class="form-group row" id="kt_repeater_1">
      <div data-repeater-list="tours" class="col-lg-12">
        <div data-repeater-item class="form-group row ">
         <select class="form-control select2 " id="kt_select2_8" name="dinner[]" multiple="" data-select2-id="kt_select2_8" tabindex="-1" aria-hidden="true">
           <optgroup label="Akşam Yemeği" >
               @foreach ($foods as $food)
                   <option value="{{$food->id}}">{{$food->name}}</option>
                        @endforeach
                          </optgroup>
             </select>

该中继器适用于一个中继器。之后,select2 不起作用,我想到了 id。

var KTFormRepeater = function() {

                        // Private functions
                        var demo1 = function() {
                            $('#kt_repeater_1').repeater({
                                initEmpty: false,

                                defaultValues: {
                                    'text-input': 'foo'
                                },

                                show: function () {
                                    $(this).slideDown();
                                },

                                hide: function (deleteElement) {
                                    $(this).slideUp(deleteElement);
                                }
                            });
                        }

                        return {
                            // public functions
                            init: function() {
                                demo1();
                            }
                        };
                    }();

                    jQuery(document).ready(function() {
                        KTFormRepeater.init();
                    });

摘要:第一个中继器工作,第二个不工作。我该如何解决?

标签: javascriptjquerylaravel

解决方案


推荐阅读