JS小技巧(三) 实时监听div框中值的变化，有值长度大于1则禁止input框输入，等于1则允许输入框可编辑

题：div框中值大于1时，input 框不允许编辑;反之可以编辑，求解答。

答： 

1、监听div框的操作；

2、取到div框的值；

3、根据条件判断，满足添加则通过js  为input框添加不可编辑属性

4、不满足条件则去除不可编辑属性

 

  //监听输入框值变化
    $('#DoorName').on('DOMNodeInserted', function () {   // DoorName是div的id 
        var selectArr = DoorName.getValue();  // xm-select 插件取值方法
        if(selectArr.length>1){  // 取值长度大于1
            // js 方法找到id=DN的input框，添加disabled属性
            document.getElementById('DN').setAttribute('disabled','true');
        }else{
            // js 方法找到id=DN的input框，移除disabled属性
            document.getElementById('DN').removeAttribute('disabled');
        }
    });