js动态添加行 限制插入行数量问题

js动态添加行 限制插入行数量问题,第1张

addRemoveItem('add','shangpindizhi') 这个事件似乎在添加之前并没有判断maxid等于几,而是在添加以后判断的。你应该在document.createElement之前判断是否等于6,等于6就不执行

<script type="text/javascript">

var maxid = 2

function addRemoveItem(act,target){

if ((!act || act == 'add') &&target){

var $shangpindizhi = typeof(target) != 'object' ? document.getElementById(target) : target

if (!$shangpindizhi) return

if(maxid<="6"){

var obj = document.createElement('<div style="border-bottom:1px #CCC dotted">')

obj.innerHTML = "商品地址"+maxid+":<INPUT class=txt id=ProUrl"+maxid+" style='WIDTH: 215px' name=ProUrl"+maxid+" value=http://>" + '<input type="button" value="-" onclick="javas'+'cript:addRemoveItem(\'del\',this.parentNode)" style="font-size:12px"/></div>'

$shangpindizhi.appendChild(obj)

obj = $shangpindizhi = null

maxid++

}else{

alert('购物车商品超过6个无效!')

return false

}

} else if (act == 'del' &&target){

if (typeof(target) != 'object') return

target.parentNode.removeChild(target)

maxid--

}

}

</script>

1、计算表格高度和表格行高。

2、给表格高度设置一个初始值。

3、根据表格中的内容动态调整表格高度。

4、计算出需要添加的空白行数。

5、按照表格行高添加空白行。

6、重新设置表格高度。

7、更新页面显示效果。

1.在页面div中创建一个空白表,可以根据需要对其进行定制。

2.创建表之后,我们可以编写关键代码来动态生成表。我们编写了一个js方法来触发使用。

3.在<TB >标签中,我们添加了标签,主要用于提供用户输入参数,而全局变量num主要用于区分每个添加参数的唯一id。

4.获取表中的数据,以供下图参考。

5.一旦我们获得了表中的数据,我们就应该将其转换成json数据的形式。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11656630.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存