İnput seçildiğinde diğeri disabled

resat 685 gün önce

301 defa görüntülendi

Merhaba arkadaşarlar, Yapmak istediğim ürün seçiniz kısmında ürün seçilirse sağ tarafında ki barkod inputu disabled olsun. Barkod kısmında eğer işlem yaparsa sol tarafta ki ürün seçiniz kısmı disabled olsun. Nasıl yapabilirim. Yardımcı olabilecek arkadaş var mıdır aramızda.

javascript

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (6)

munzevi

685 gün önce

https://codepen.io/Munzevi/pen/YzaXJQQ

#010542

resat

685 gün önce

@munzevi teşekkürler

#010543

resat

685 gün önce

@munzevi yine çalıştıramadım. Kusura bakma uğraştırdım senide. codepen gibi bir yere yükleme şansın var mı

#010541

munzevi

685 gün önce

evet iki kere return eklemişim else koşulu için ilk if'i kopyalarken, zaten revize edip daha verimli şekilde tekrar yazdım ilk mesaja bakıver.

#010539

resat

685 gün önce

@munzevi malesef çalıştıramadım :(

#010538

munzevi

685 gün önce

var urun = x => document.getElementById(x).setAttribute('disabled', 'true');
document.addEventListener("change", event => {
    return event.target.id == 'urun-1' ? urun('barkod-1') : 
    (return event.target.id == 'urun-2' ? urun('barkod-2') : false);
});

ilk ürün seçilen dropdown için id değerini "urun-1" olarak varsaydım, barkod input'larının id'lerini ise "barkod-1" artan şekilde.

edit:

var urun = x => document.getElementById('barkod-'+x).setAttribute('disabled', 'true');
document.addEventListener("change", event => {
    return event.target.getAttribute('urun-id') ? urun(event.target.getAttribute('urun-id')) : false;
});

düzenledim eğer dropdownlara şu şekilde bir ifade eklersen;

<select urun-id="1"></select>

hiç koşul yazmadan tüm ürünlerde kullanabilirsin. ikisinide test etmeden yazdım, hata olduğunu sanmıyorum. barkodları ise normal id="barkod-1" şeklinde varsaydım.

#010537