Мне нужно 3 выбора на основе предыдущего выбора. Второй «триггер» в #kategoria_udalosti_hd не работает, и я не знаю, где я делаю ошибку. Если в базе данных есть INDEX1, INDEX2 или INDEX3, я хочу видеть в поле выбора, как "выбранный". Потому что теперь я должен нажать на кнопку выбора, чтобы показать другой выбор. Кто-нибудь может мне помочь, пожалуйста?
<select id="index_udalosti_hd" class="form_SoZ" name="index_udalosti_hd" >
<option value="">INDEX 1</option>
<option value="1">val 1</option>
<option value="2">val 2</option>
.. etc
</select>
<select id="kategoria_udalosti_hd" class="form_SoZ" name="kategoria_udalosti_hd" >
<option value="" disabled="disabled">INDEX 2</option>
</select>
<select id="typ_udalosti_hd" class="form_SoZ" name="typ_udalosti_hd" >
<option value="" disabled="disabled">INDEX 3</option>
</select>
$(document).ready(function(){
$('#index_udalosti_hd').bind('change', function(){
var index_udalosti_hd = $(this).val();
if(index_udalosti_hd){
$.ajax({
type:'POST',
url:'url',
data: {kategoria_udalosti_hd: index_udalosti_hd},
success:function(html){
$('#kategoria_udalosti_hd').html(html);
$('#typ_udalosti_hd').html('<option value="" disabled="disabled">Vyberte INDEX 2z</option>');
}
});
}else{
$('#kategoria_udalosti_hd').html('<option value="" disabled="disabled">Vyberte INDEX 1</option>');
$('#typ_udalosti_hd').html('<option value="" disabled="disabled">Vyberte INDEX 1</option>');
}
});
$('#index_udalosti_hd').trigger('change');
$('#kategoria_udalosti_hd').bind('change',function(){
var kategoria_udalosti_hd = $(this).val();
console.log("kat "+ kategoria_udalosti_hd);
if(kategoria_udalosti_hd){
$.ajax({
type:'POST',
url:'url',
data:{typ_udalosti_hd: kategoria_udalosti_hd},
success:function(html){
$('#typ_udalosti_hd').html(html);
}
});
}else{
$('#typ_udalosti_hd').html('<option value="" disabled="disabled">Vyberte INDEX 2</option>');
}
});
$('#kategoria_udalosti_hd').trigger('change');
});