Selectpicker无法与表单转发器一起使用

时间:2019-06-11 22:06:25

标签: javascript jquery

我正在使用下面的插件https://www.jqueryscript.net/form/jQuery-Plugin-For-Dynamic-Form-Field-Generator-DuplicateElement.html复制某些字段,但是当我尝试使用selectpicker时,我就不会从复制的下拉菜单中选择任何optioon,这是一个Codepen小提琴{{ 3}},向您展示问题所在。

这是代码:

    $(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');


    });

1 个答案:

答案 0 :(得分:0)

从一个隐藏的<select>字段开始,在该字段中您未使用.selectpicker()初始化

选择器。

要获得第一行(和随后的行)复制隐藏的元素,请使用.show()对其进行显示,最后使用.selectpicker()对其进行初始化。