selectize js is behind input

0

I am using the selectize and I am having a problem the imput is behind my table and the states only the first one is on white background the others are transparent does anyone know how I can solve this?

FollowmycodeinJs

$(".js-combo-uf")
.on(
        "change",
        function() {
            var id_estado = $(this).val();
            $
            .ajax({
                type: "GET",
                url: "/listacidades",
                data: ({
                    parametroBusca: id_estado,
                    tipoBusca: 'uf'
                }),
                dataType: 'json',
                success: function(data) {
                    var text = "<select class='form-control' name='cidade' id='selecionar-estados' ><option value=''>Cidade</option>";
                    for (i = 0; i < data.length; i++) {
                        text += '<option value="' +
                        data[i] + '">' +
                        data[i] + '</option>';
                    }
                    text += '</select>';
                    $(".js-combo-cidade").html(text);
                    $('.js-combo-roteiro').prop('selectedIndex', 0);
                    $('#selecionar-estados').selectize();

                }
            });
        });

The libraries I installed were:

<script th:src="@{/js/selectize.js}"></script>
    
asked by anonymous 12.09.2018 / 15:58

1 answer

0

missing add css

<link rel="stylesheet" th:href="@{/css/selectize.css}" />

<link rel="stylesheet" th:href="@{/css/selectize.bootstrap3.css}" />

After adding them, it worked.

obs: Their documentation is not well explained.

    
12.09.2018 / 18:33