Bom dia,
Eu to fazendo um projeto onde preciso ir adicionando eventos.
Quando eu adiciono dois ou mas do primeiro setor selecionado da tudo certo.
Mas quando removo e altero o setor, o select vem duplicado e os eventos vem duplicado também.
Depois de remover e trocar o setor e adicionar novos eventos.
--- popular a primeira aba que ja vem na pagina.
$(function(){
$('#setor').change(function(){
if( $(this).val() ) {
$('#evento').slideUp();
$.getJSON('function_setor.php?search=',{setor: $(this).val(), ajax: 'true'}, function(j){
var options = '<option value="">Escolha Evento</option>';
for (var i = 0; i < j.length; i++) {
options += '<option value="'+j.id+'">'+j.desc+'</option>';
}
$('#evento').html(options).slideDown();
});
} else {
$('#evento').html('<option value="">Escolha Evento</option>');
}
});
});
---poupula as option dos select quando adiciono novo evento.
$('#setor').blur(function(){
var sector = $(this).val();
$("#add").click(function(event) {
cont ++;
$("#new_add").append('<div class="row" id="campo'+cont+'"><div class="col"><div class="row"><div class="col"><button type="button" id="'+cont+'" class="btn btn-outline-secondary tamanho">-</button></div><div class="col"><select class="custom-select" id="evento'+cont+'" name="evento[]" tabindex="2"><option value="">Escolha Evento</option></select></div></div></div><div class="col"><textarea class="form-control" name="relato[]" id="relato'+cont+'" tabindex="3" placeholder="DESCRIÇÃO DO ACONTECIMENTO" required></textarea></div></div>');
$.getJSON('function_setor.php?search=',{setor: sector, ajax: 'true'}, function(j){
for (var i = 0; i < j.length; i++) {
$("#evento"+cont+"").append('<option value="'+j.id+'">'+j.desc+'</option>');
}
console.log(j);
});
});
});
se puder me ajudar com esse problema que so ocorre quando eu troco o setor.