Есть плагин formstyler, он отлично со своей задачей справляется для обычных SELECT'ов. А вот когда в SELECT данные подгружаются через "ajax", он не перехватывает эти данные, а остается статическим.
Ладно с подгрузкой данных в определённый CLASS который создает скрипт разобрался, но в выподающем списке не могу выбрать ничего.
Код динамического SELECT'а:
(function () {
"use strict";
jQuery(function () {
$( '#marka' ).change(function () {
$( '#model' ).find( 'option:not(:first)' )
.remove()
.end()
.prop( 'disabled',true );
var marka_id = $( this ).val();
if (marka_id == 0) { return; }
$.ajax({
type: "POST",
url: "query.php",
dataType: "json",
data: "query=getModel&marka_id=" + marka_id,
error: function () {
alert( "При выполнении запроса произошла ошибка :(" );
},
success: function ( data ) {
for ( var i = 0; i < data.length; i++ ) {
$( '#model' ).append( '<option value="' + data[i].model_id + '">' + data[i].model + '</option>' );
$( '.jq-selectbox__dropdown ul' ).append( '<li class="" style="display: block; white-space: nowrap;">' + data[i].model + '</li>' );
}
$( '#model' ).prop( 'disabled', false );
}
});
});
});
})();