文档章节

jQuery增加和减少表单元素

h
 huiyingzzx1018
发布于 2016/06/28 15:27
字数 307
阅读 23
收藏 0

主要使用append方法

function add(){
        var max = parseInt($("#maxnum").val());
        var maxnext = max + 1;
        var html = '<div  id="optionGroup'+maxnext+'"><div class="form-group"> <label class="col-md-2 control-label"><fmt:message key="activityNews.vote.optionNew"/></label> <div class="input col-md-6"> <input type="text" name="voteOption" value="" class="form-control" maxlength="100" id="text'+maxnext+'"/> <a href="javascript:void(0);" data-original-title="删除" onclick="javascript:minus('+maxnext+',-1);" style="position: absolute;right:15px;top:7px;"><i class="fa fa-minus-square"></i></a> </div>  <a href="javascript:void(0);" class="btn btn-xs btn-default" data-original-title="增加" id="addbutton'+maxnext+'" onclick="javascript:add();" style="height: 20px"> <i class="fa fa-plus-square"></i> </a>  </div> <div class="form-group" style="clear: both;" > <label class="col-md-2 control-label"><fmt:message key="activityNews.picUrl" /></label> <div class="input col-md-6"> <div class="add-file"> <span class="button"><input type="file" name="option_pic" onchange="this.parentNode.nextSibling.value = this.value"> <fmt:message key="common.attachImage" /></span><input type="text" placeholder="请上传 640 * 320 的图片" class="form-control required" readonly="readonly"> </div> </div> </div> </div>';
        //$("#addbutton"+max).css('display','none');
        $('#option2').append(html);
        $("#maxnum").val(maxnext);
        for(var i = max; i > 0; i--){
            if($("#text"+i).val() != undefined){
                $("#addbutton"+i).css('display','none');
                break;
            }
        }
    }
function minus(num,id){
        if(num == 1 || num == 2){
            return false;
        }
        var pre = num - 1;
        var max = parseInt($("#maxnum").val());
        if(id != -1){
            var html = '<input type="hidden" name="voteOptionDeleteId" value="'+id+'"/>';
            $("#optionDelete").append(html);
        }
        $("#optionGroup"+num).remove();
        
            for(var i = max; i > 0; i--){
                if($("#text"+i).val() != undefined){
                    $("#addbutton"+i).css('display','inline');
                    break;
                }
            }
            
    }

 

© 著作权归作者所有

共有 人打赏支持
h
粉丝 2
博文 2
码字总数 564
作品 0
苏州
jQuery基础 - 常用基本属性

jQuery简介 jQuery 是一个 JavaScript 库,极大地简化了 JavaScript 编程 jQuery 对象是通过jQuery包装DOM对象后产生的对象,jQuery对象是jQuery独有的,如果一个对象就是jQuery对象,那么它...

ZHAO_JH
07/31
0
0
JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒
05/10
0
0
jQuery ajax - serialize()方法以及常见问题

使用ajax时,常常需要拼装input数据为'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作! jQuery ajax - serialize() 方法定义和用法 serialize() 方法通过序列化表...

freedonn
2014/05/10
0
0
Python自动化开发学习17-jQuery

jQuery学习之前 jQuery 是 JavaScript 的一个类库,类似 python 中的模块。 jQuery在线手册:http://jquery.cuishifeng.cn/ 官网:http://jquery.com/ 版本选择 目前jQuery有三个大版本:1.x...

骑士救兵
06/21
0
0
转-JQuery选择器及radio,checkbox,select取值和反选

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元...

huntering
2015/08/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

ERC1155实践|区块链游戏的平行宇宙和为此而生的Enjin钱包

1 摘要 恩金(Enjin)花了大半年的时间一直在完善ERC-1155这个通证协议,毫不夸张地说,该标准是现有以太坊上最适用于游戏资产的通证标准,将主流游戏中道具涉及到的一切操作经过高度抽象之后...

HiBlock
41分钟前
1
0
Oracle发布开源的轻量级 Java 微服务框架 Helidon

近日,Oracle推出了一个新的开源框架Helidon,该项目是一个用于创建基于微服务的应用程序的Java库集合。和Payara Micro、Thorntail(之前的WildFly Swarm)、OpenLiberty、TomEE等项目一样,...

关注公众号_搜云库_每天更新
47分钟前
1
0
启动线程以及安全终止线程

启动 使用start()方法可以启动线程。 start()方法的含义是告知线程规划器线程已初始化完毕,可以分给这个线程时间片了(执行run()方法)。 安全终止线程 示例代码 import java.util.concurr...

karma123
53分钟前
1
0
Python+OpenCV 图像风格迁移(模仿名画)

现在很多人都喜欢拍照(自拍)。有限的滤镜和装饰玩多了也会腻,所以就有 APP 提供了模仿名画风格的功能,比如 prisma、versa 等,可以把你的照片变成 梵高、毕加索、蒙克 等大师的风格。 这...

crossin
58分钟前
1
0
karabiner json语法

karabiner json语法 to_if_alone 如果同时制定了to, 那么to对应的key必须是非可见字符,例如control,shift或者command, 为什么呢? If to events are specified, to events are released befo...

黄威
59分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部