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