Tenho um sistema que possui 3 selects, onde selecionando uma opção no 1º select é listado uma lista no 2º select e selecionando uma opção no 2º select, é listado os itens no 3º.
O problema ocorre entre o 2º e 3º, quando seleciono uma opção no 2º select ele lista as opções para o 3º e eu seleciono, quando vou para próxima linha e seleciono outra opção no 2º select ele altera a do 3º select que eu havia selecionado anteriormente.
selecionei a primeira opção do segundo select e foi listado os itens
vou para segunda linha e seleciono outra opção no 2º select e o 3º select é zerado na opção anterior.
-> model de relação entre o 2º o 3º select
function carregatecidoss($grupoT) {
//$this->db->start_cache();
//$this->db->trans_strict(TRUE);
$this->db->select('idtec, nometec, grupotecido, empresatecidoid');
$this->db->from('tecidos');
$this->db->where('grupotecido', $grupoT);
$this->db->order_by ('nometec' , 'ASC' );
//$this->db->limit(1);
$query = $this->db->get();
if ($query) {
return $query->result();
} else {
return false;
}
}
-> controller
function verificatecidosgrupos() {
if ($this->session->userdata('logged_in')) { // valida usuário logado
$session_data = $this->session->userdata('logged_in');
$usuarioid = $session_data['UsuarioId'];
$option = '';
if ($this->input->post('grupoT')) {
$grupoT = $this->input->post('grupoT');
var_dump($grupoT);
$this->load->model('model_geral');
$tecidos = $this->model_geral->carregatecidoss($grupoT);
if ((isset($tecidos)) && (!empty($tecidos))) {
foreach ($tecidos as $grupo) {
$option .= '<option value="' . $grupo->idtec . '">' . $grupo->nometec . '</option>';
}
echo $option;
} else {
$option = '<option>Grupo tecidos não encontrado!</option>';
echo $option;
}
} else {
$option = '<option>Grupo tecidos não encontrado! Contate o administrador!</option>';
echo $option;
}
} else {
$option = '<option>SESSÃO EXPIRADA</option>';
echo $option;
}
}
->jquery
function verificatecidosgrupos(empresatecidoid) {
//debugger;
var url = base_url + "home/verificatecidosgrupos";
$.post(url, {grupoT: empresatecidoid},
function (session_gemp) {
//alert(session_gemp);
$('.tecidos option').remove();
$('.tecidos').append("'<option>--Selecione o Tecido--</option>'");
$('.tecidos').append("'" + session_gemp + "'");
});
}
-> html
<td>
<div class="form-group">
<div class="col-sm-9">
<select class="form-control gtecidos" id="gtecidos" name="gtecidos" onchange="carregaid(this.value);verificatecidosgrupos(this.value)" style="width: 70px">
</select>
</div>
</div>
->html
<td>
<div class="form-group">
<div class="col-sm-9">
<select class="form-control tecidos" id="tecidos" name="tecidos" onchange="carregaid(this.value);" style="width: 70px">
</select>
</div>
</div>