v2.5.2
Giriş yap

İnput seçildiğinde diğeri disabled

resat
348 defa görüntülendi
6

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
Cevap yaz
Cevaplar (6)
resat
876 gün önce

@munzevi teşekkürler

1
#010543
resat
876 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ı

0
#010541
munzevi
876 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.

0
#010539
resat
876 gün önce

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

0
#010538
munzevi
876 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.

0
#010537