Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

material_select não funciona append

Bom dia,

Estou tendo problemas com o select do materialize, já testei com o select default do navegador e carregou certinho, porém com o materialize ele não funciona.

getServicoByCategoria.js

$("#categoria-servico").change(buscarServicos);

function buscarServicos(){

    var urlMontada = "/servicos/categoria/" + $("#categoria-servico option:selected").attr("value");

    $.get(urlMontada, function(data){
        incluirServicos(data);
    },'json');

    $("#servicos").material_select();
}

function incluirServicos(data){
    var select = $("#servicos");

    $.each(data, function(i, servico){
        select.append(retornaOption(servico.id,servico.nome));
    });
}

function retornaOption(value,texto){
    var $option = $("<option>");

    $option.attr("value",value);
    $option.text(texto);

    return $option;
}

form.html

        <div class="row">
            <div class="input-field col m11">
                <select name="servicos" id="servicos" multiple="multiple">

                </select>
                <label for="servicos">Selecione os serviços que você realiza</label>
            </div>
        </div>

Poderiam me ajudar ? Desde já agradeço !

1 resposta
solução!
    $.each(data, function(i, servico){
        select.append(retornaOption(servico.id,servico.nome));
        $("#servicos").material_select();
    });

Solução foi colocar o inicializador $("#servicos").material_select(); para atualizar a cada entrada de um option.