Estou desenvolvendo um código para renovar as matriculas de alunos, nessa página o primeiro select o usuário irá selecionar se o aluno irá para a próxima turma ou ira permanecer na mesma. Fiz o loop em php e está carregando todos os alunos:
Consegui popular os selects, porém, somente funciona do primeiro aluno, os demais. Andei pesquisando e acredito que eu deva criar elemento parent and child no meu javascript porém tentei de tudo e não consegui.
Segui o código do primeiro select da imagem:
<select
class="form-control selectboxit"
name="promotion_status_<?php echo $row['student_id'];?>" style="width: 40px;" id="select1">
<option value="vazio">Selecione uma opção</option>
<option value="<?php echo $class_id_to;?>">
<?php echo 'Renovar para' ." - ". $this->crud_model->get_class_name($class_id_to); ?>
</option>
<option value="<?php echo $class_id_from; ?>" >
<?php echo 'Permanecer no' ." - ". $this->crud_model->get_class_name($class_id_from); ?>
</select>
Segui o código do segundo select da imagem:
<select id="select2">
<option value="">selecione</option>
</select>
Código em javascript:
$("#select1").change(function() {
var proxima_turma = <?php echo json_encode($proxima_turma); ?>;
var antiga_turma = <?php echo json_encode($antiga_turma); ?>;
var valor = $(this).val();
if (valor == "vazio") {
$("#select2").html("");
{
$("#select2").append("<option value='test'> Selecione </option>");
}
}else if (valor == "<?php echo $class_id_to;?>") {
$("#select2").html("");
for(var i = 0; i < proxima_turma.length; ++i) {
$("#select2").append("<option value='" + proxima_turma[i]['section_id'] + "'>" + proxima_turma[i]['name'] + "</option>");
}
} else if (valor == "<?php echo $class_id_from; ?>") {
$("#select2").html("");
for(var i = 0; i < antiga_turma.length; ++i) {
$("#select2").append("<option value='" + antiga_turma[i]['section_id'] + "'>" + antiga_turma[i]['name'] + "</option>");
}
}
});
});
Como definir elementos parent e child?
Como está a tabela com os selects atualmente:
<tr>
<td align="left">
<?php
if((!is_null($transferidos) && (!is_null($evadidos)))){
echo $name . ' - ' .'<b></b>Não pertencente a unidade de ensino';
}elseif((!is_null($transferidos) || (!is_null($evadidos)))){
echo $name . ' - ' .'<strong>Não pertencente a unidade de
ensino</strong>';
}else{
echo $name;
}
?>
</td>
<td align="center">
<?php if($row['section_id'] != '' && $row['section_id'] != 0)
echo $this->db->get_where('section' , array('section_id' =>
$row['section_id']))->row()->name;
?>
</td>
<td>
<?php if($query->num_rows() < 1):?>
<select class="select1" name="promotion_status_<?php echo
$row['student_id'];?>" >
<option value="vazio">Selecione uma opção</option>
<option value="<?php echo $class_id_to;?>">
<?php echo 'Renovar para' ." - ". $this->crud_model-
>get_class_name($class_id_to); ?>
</option>
<option value="<?php echo $class_id_from; ?>" >
<?php echo 'Permanecer no' ." - ". $this->crud_model-
>get_class_name($class_id_from); ?>
</select>
<?php endif; ?>
<?php if($query->num_rows() > 0): ?>
<button class="btn btn-success">
<i class="entypo-check"></i> Matricula já foi renovada
</button>
<?php endif;?>
</td>
<td>
<?php if($query->num_rows() < 1):?>
<select class="select2" name="promotion_status2_<?php
echo $row['student_id'];?>">
<option value="">selecione</option>
</select>
<?php endif;?>
<?php if($query->num_rows() > 0):?>
<button class="btn btn-success">
<i class="entypo-check"></i> Matricula já foi renovada
</button>
<?php endif;?>
</td>
</tr>