FormValidation添加创建双引导程序的动态字段选择

Question

我正在使用formValidation插件并使用它添加动态字段。

现在，当我点击添加时，刷新bootstrap-select，但它会不断添加两个选择下拉列表。

如果有人能指出我正确的方向，那将会有所帮助！

JS

// Add work experience handler
            .on('click', '.addWork', function() {
            workindex++;
            var $template = $('#userWork'),
                $clone    = $template
            .clone()
            .removeClass('hide')
            .removeAttr('id')
            .appendTo($("#workAppendContainer"));

            // Update the name attributes
            $clone
                .find('[name="year"]').attr('name', 'userWorkDuration[]').end()
                .find('[name="worklocation"]').attr('name', 'userWorkLocation[]').end()
                .find('[name="workdescription"]').attr('name', 'userWorkDescription[]').end()
                .find('[name="workpositionname"]').attr('name', 'userWorkName[]').end();

            // Add new fields
            // Note that we also pass the validator rules for new field as the third parameter
            $('#rootwizard')
                .formValidation('addField', 'userWorkDuration[]')
                .formValidation('addField', 'userWorkLocation[]')
                .formValidation('addField', 'userWorkDescription[]')
                .formValidation('addField', 'userWorkName[]');

            $('.durationSelect').selectpicker('refresh');

        })

这是我用来克隆的模板和容器

<div class="form-group hide" id="userWork">
        <div class="row" style="margin-top:15px;">
            <div class="col-md-4">
                <div class="col-md-6" style="padding-left: 0px;">
                      <label>Algus</label>
                        <div class="form-group form-group-custom">
                        <select class="durationSelect selectpicker" data-live-search="true"  name="year">
                          <optgroup class="userWorkYear">
                            <option disabled selected value="">
                                Vali kestvus
                            </option> 
                            <option value="-3">Vähem kui kolm kuud</option>  
                            <option value="3 kuud">3 kuud</option>
                            <option value="6 kuud">6 kuud</option>
                            <option value="9 kuud">9 kuud</option>
                            <option value="1 aasta">1 aasta</option>
                            <option value="2 aastat">2 aastat</option>
                            <option value="3 aastat">3 aastat</option>
                            <option value="3+">Rohkem kui 3 aastat</option>
                          </optgroup>
                        </select>
                        </div>
                </div>
            </div>
   <div id="workAppendContainer">
    </div>