SelectPicker: Como abrir o dropdownlist já com opções marcadas utilizado valores de um objeto em json?
Olá!
Tenho um formulário que dentro dele contem uma dropdownlist que utiliza o [Bootstrap-Select (selectpicker)](https://developer.snapappointments.com/bootstrap-select/methods/) e quando clicado o mesmo carrega uma lista de opções provenientes do mysql. Ocorre que esta lista envia as opções marcadas para o mysql corretamente porém eu gostaria que a mesma, no que diz respeito a atualização de dados, carregasse as opções marcadas anteriormente ao ser clicada.
Abaixo segue um método do selectpecker que inseri valores de um objeto em JSON e mostra as opções marcadas referente a esses valores:
$('.selectpicker').selectpicker('val', [puxar valores de um objeto JSON aqui]);
Baseando-se no método acima como faço para inserir valores de um objeto em JSON proveniente de um script php que envia o resultado em formato JSON para o ajax? Abaixo segue um trecho do Ajax que recebe os dados do script php e os mostra em um formulário com campos input e selectpicker.
$(document).on('click', '.update', function(){
$.ajax({
url:"fetch_single.php",
method:"POST",
data:{user_id:user_id},
dataType:"json",
success:function(data)
{
$('#camisas').val(data.camisas);
$('.selectpicker').selectpicker('val', [valores de um objeto em JSON aqui]);
$('.selectpicker').selectpicker('refresh');
}
})
});
E abaixo o resultado em JSON que o AJAX recebe:
{"camisa":"15","cores":"5,18,27"}
No caso gostaria de que o selectpicker puxasse os valores do objeto "cores" como uma forma de marcar essas opções dentro da lista. É possível? Desde já agradeço a atenção.
Discussão (0)
Carregando comentários...