js增加和删除html,通过js控制html中表单的增加和删除

今天再来小扯一会,扯一下如何通过js来控制html页面中表单的增加和删除,或者叫做表单的显示和隐藏。其实也不是什么技术,只能说是一个小的技巧吧!其实自己感觉在web开放方面还是用的不少,尤其是在一些查询结果显示页上,对于每条记录可能湖涉及到删除、隐藏等,这是你只需单击记录所对应的按钮,在前段通过js对记录的显示做处理就可以了,然后通过Ajax给后台传参数,让后台对于记录的删除作出处理。还有就是在新建的时候,有些参数可有可无,如果不需要填写这些参数,并且这些参数的篇幅比较大,这是如果再显示的话,就显得有点多余了,那我们就把他隐藏了。行了!废话不多说了,况且描述的也不到位,那就直接开始说东西了。例如下这个表单

dcb704e8fa7777607d8fda265d23ec6b.png

单击加号,则添加一个表单,单击减号,则删除对应的把表单。如何实现的呢?

名称:    

价值: 元    

兑换积分:  +

以上是HTML代码

function subShareOption(rowIndex){

$("#shareOption"+rowIndex).remove();

rowCount--;

};

var rowCount = 1;

$("#firstAdd").click(function(){

rowCount++;

var html = '

名称:     价值: 元     兑换积分:    -
';

var tr = $(this).parent();

tr.append(html);

});

以上是js相关的代码

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值