Hej, mam problem z zapętleniem funkcji wyświetlającej konkretnego diva na podstawie wybranej opcji w dropdown. Ma to działać tak, że po wybraniu jakiejś opcji w dropdown pokaże się kolejny dropdown i znowu po wybraniu w nim opcji pokaże się następny.
Aktualnie działa tak, że po wybraniu opcji w pierwszym dropdown, pokazuje się kolejny ale następnego już brakuje. Myślę, że powinienem jakoś połączyć tą funkcje, tylko jak ? Będę wdzięczny za pomoc
![smile.gif](style_emoticons/default/smile.gif)
.
$(document).ready(function(){
$('#kategoria').on('change', function() {
if ( this.value == '1')
{
$("#banery").show();
}
else
{
$("#banery").hide();
}
});
$('#banery').on('change', function() {
if ( this.value == '1')
{
$("#obrobka1").show();
}
else
{
$("#obrobka1").hide();
}
});
});
HTML:
<div class="caloscFORM" style = "font-family: 'Fira Sans', sans-serif; text-align: center;"; >
<!-- kategoria ------------------------------------------------------------------------------------------------------>
<select id='kategoria' class="btn btn-danger dropdown-toggle" name="kategoria" class="required-entry" style = "font-family: 'Fira Sans', sans-serif; font-size:19px; text-align: center;";>
<!-- materiał ------------------------------------------------------------------------------------------------------>
<div style="display:none; font-family: 'Fira Sans', sans-serif; font-size:19px; text-align: center;"; id='banery' ><br/><br> <p style="display: inline">Materiał
</p> <select id='banery' class="btn btn-danger dropdown-toggle" name="banery" class="required-entry" value="Wybierz rodzaj">
<!-- OBRÓBKA ------------------------------------------------------------------------------------------------------>
<div style="display:none; font-family: 'Fira Sans', sans-serif; font-size:19px; text-align: center;"; id='obrobka1' ><br/><br> <p style="display: inline">Obróbka
</p> <select id='obrobka1' class="btn btn-danger dropdown-toggle" name="obrobka1" class="required-entry" value="Wybierz obróbkę">
Link do fiddla:
fiddle
Ten post edytował Leilang 10.10.2018, 14:38:01