Select2 – style maintenance

[ubi1k]

Hi,
I have this situation.
If I apply select2 via code to a select, the style from your “form-control” and “form-control-modern” classes is lost.
How can I keep the style?

---

[Support]

Hello, to initialize the select2 you need to run this code:

// Select2
(function($) {

	'use strict';

	if ( $.isFunction($.fn[ 'select2' ]) ) {

		$(function() {
			$('[data-plugin-selectTwo]').each(function() {
				var $this = $( this ),
					opts = {};

				var pluginOptions = $this.data('plugin-options');
				if (pluginOptions)
					opts = pluginOptions;

				$this.themePluginSelect2(opts);
			});
		});

	}

}).apply(this, [jQuery]);

Make sure the HTML has all the attributes as our examples.

Kind Regards.

---

[ubi1k]

OK, and what can I do for dynamically created selects?

---

[Support]

Hi, you just need to run that function after you create that new select, it will apply the function/style.

Similar topic: https://www.okler.net/forums/topic/multi-select-how-to-setassign-values-dynamically-using-ajax/

---

[ubi1k]

This reply has been marked as private.

[ubi1k]

This reply has been marked as private.

[Support]

Hello, I tested the HTML you provided and add it dinamically and ran the JS and this was the result:

Tested on original forms-advanced.html file.

So it’s probably related to CSS conflict, can you send me the URL of your site so I can check it for you?

Thanks.

---

[Author]

Posts