Javascript ile value'suna göre nasıl selected yaptırabilirim?
Merhaba arkadaşlar, js ile value'su 60 ise selected ekletmek istiyorum ama bir türlü beceremedim yardımlarınız rica ediyorum
<select id="form-validation-field-0" class="form-text ">
<option value="">Seçiniz</option>
<option value="60">seçenek 1</option>
<option value="65">seçenek 2</option>
</select>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
en basit olarak şöyle yapabilirsin;
<select id="form-validation-field-0" class="form-text ">
<option value="">Seçiniz</option>
<option value="60">seçenek 1</option>
<option value="65">seçenek 2</option>
</select>
<script>
document.querySelector('#form-validation-field-0 option[value="60"]').setAttribute('selected', 'selected');
</script>
<select id="form-validation-field-0" class="form-text ">
<option value="">Seçiniz</option>
<option value="60" selected>seçenek 1</option>
<option value="65">seçenek 2</option>
</select>
<!-- Yada bunu kullanabilirsin -->
<select id="form-validation-field-0" class="form-text " value="60">
<option value="">Seçiniz</option>
<option value="60" >seçenek 1</option>
<option value="65">seçenek 2</option>
</select>
tabi eğer amacın sadece 60 değerinin seçilebilir yapmak ise
const selectBox=document.querySelector(".form-text");
selectBox.addEventListener("change",(e)=>{
if(e.target.value!="60"){
e.target.selectedIndex = 0;
}
})
Merhaba @heissinberg;
Biraz araştırma sonucunda saf javascript ile de biraz bilgi edindim ve sonuc aşağıda bu kodları kullanacğın şekilde düzenleyebilirsin.
HTML:
<select id="selecElem" class="form-text ">
<option value="" class="optionElem">Seçiniz</option>
<option value="60" class="optionElem">seçenek 1</option>
<option value="65" class="optionElem">seçenek 2</option>
</select>
Javascript
window.addEventListener('load', (event) => {
let elem = document.getElementsByClassName('optionElem')
let defaultValue = 65; //Hangi değer de seçeceğini bunu değişerek kararlaştırabilirsin .d
console.log(elem);
for(i = 0; i < elem.length; i++){
var instanteValue = Number(elem[i].getAttribute("value"));
if (instanteValue == defaultValue){
elem[i].setAttribute("selected", "true")
}
}
});
İyi Günler iyi çalışmalar dilerim.