v2.5.2
Giriş yap

İnput seçildiğinde diğeri disabled

resat
349 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.

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.