javascript - Selectpicker 不能与表单转发器一起使用

Question

我正在使用以下插件https://www.jqueryscript.net/form/jQuery-Plugin-For-Dynamic-Form-Field-Generator-DuplicateElement.html来复制一些字段，但是当我尝试使用 selectpicker 然后我不能从重复的下拉菜单中选择任何选项，这是一个 codepen fiddle https://codepen.io/vince84vecchio/pen/ZdYQPO向您展示问题所在。

这是代码：

    $(function () {



        $('#additional-field-model').duplicateElement({

            "class_remove": ".remove-this-field",
            "class_create": ".create-new-field"
        });

                    // Call and initiate selectpicker plugin
                $('.bs-select').selectpicker({
                    iconBase: 'fa',
                    tickIcon: 'fa-check',
                    // Prevent dropdown to show on top
                    dropupAuto: false
                });

        // refresh selectpicker so it does load dropdown on each duplicated field
        $('#kmg_admin_new_building_type').selectpicker('refresh');


    });

标签： javascriptjquery

Answer 1

从一个隐藏<select>字段开始，您尚未使用.selectpicker().

要让第一行（和后续行）复制隐藏元素，使用 显示它.show()，最后使用.selectpicker().