v2.5.2
Giriş yap

Javascript ile value'suna göre nasıl selected yaptırabilirim?

heissinberg
548 defa görüntülendi

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>
Cevap yaz
Cevaplar (3)
recep
1225 gün önce

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>
bbera
1225 gün önce
   <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;
}

})

bilinmez1i
1225 gün önce

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.