4***@qq.com
4***@qq.com
  • 发布:2017-08-14 10:55
  • 更新:2017-08-14 13:37
  • 阅读:1727

关于numbox 动态写入的问题;

分类:MUI
mui

numbox动态写入到 html中
<div id="addCart">
<div style="color: red;">¥<span id="jg"><%=arr[i].jg*arr[i].sl%></span></div>

<div class="mui-numbox" data-numbox-step='1' data-numbox-min='0' data-numbox-max='100'>
<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
<input class="mui-input-numbox" type="number" value="<%=arr[i].sl%>")'/>
<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>

                </div>  

</div>

通过on函数绑定监听value变化

mui('#addCart').on('change',"input[type='number']",function(e){

})

因为要改变同addCart中span的显示的数字,不知道改怎么判断numbox动态生成的第几个.

2017-08-14 10:55 负责人:无 分享
已邀请:
4***@qq.com

4***@qq.com (作者)

自己解决了,nombox的index属性属性自己添加

mui('#addCart').on('change', ".mui-input-numbox", function(e) {

var nBox = document.getElementsByClassName('mui-input-numbox');  
for(var i = 0; i < nBox.length; i++) {  
    nBox[i].index = i;  

}  

//这样this.index就可以获取到change事件的index了
})

该问题目前已经被锁定, 无法添加新回复