Selectbox Class Seçimi ve Toogle
Merhabalar, keax id'sine sahip bir selectbox mevcut.
One class'ına sahip option seçilmiş ise bir div göstermek istiyorum.
Araştırma yaptım fakat çoğu kişinin value değerini aldığını gördüm. Class ile bunu nasıl yapabilirim?
<select id="keax">
<option class="one">1</option>
<option class="two">2</option>
</select>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
//Select elementini bir değişkene atıyoruz
const select = document.querySelector('#keax');
// Seçilen select elementinde değişiklik olduğunda istediğimiz kodları çalıştırıyoruz
select.addEventListener('change',function(event){
//Seçili olan option className değeri 'one' ise example id'li divi göster
if(select.options[select.selectedIndex].className == 'one'){
document.querySelector('#example').style.display = 'block';
}else{
//Aksi durumda gösterme
document.querySelector('#example').style.display = 'none';
}
})
Class ile bu şekilde biraz alengirli. Benim önerim standartlara uyup value üzerinden bunu yapman. Hem kod kalabalığı da ortadan kalkmış olur.
Kolay gelsin.