jQuery .clone() support about ajax-bootstrap-select HOT 5 CLOSED

@rougin for now:

The reason add to FormField works is that your calling selectpicker on the new form. You'll need to do the same thing here for ajaxSelectPicker:

 function addformfield() {
        counter += 1;
        var packing = $('#packing');
        var originalSelect = packing.find('select');
        var clone = packing.clone();
        clone.appendTo('#product_field');
        clone.attr('id', 'packing_' + counter);
        clone.find('.bootstrap-select').remove();
        clone.find('select').selectpicker();

        clone.find('select').ajaxSelectPicker(originalSelect.data().ajaxSelectPicker.ajaxOptions);
    }

That should work, it will take the options that you passed to original ajaxSelectPicker call and pass it on the clone. There isn't really a way around this unfortunately as internally cached data (which jQuery uses when you use .data()) is not cloned on .clone.

Let me know if that doesn't work and I'll take a deeper look.

from ajax-bootstrap-select.

@truckingsim thanks for the quick response! It runs as I expected. Thank you very much! 👯

from ajax-bootstrap-select.

Please help, same issue. Made everything but error appear:
Uncaught TypeError: Cannot read property 'ajaxOptions' of undefined

from ajax-bootstrap-select.

Please read jQuery's documentation on how $.fn.clone works.

from ajax-bootstrap-select.

Maybe i need replace ajaxOptions something else?

from ajax-bootstrap-select.