ht5:
 
<div class="form-group"><label class="col-sm-2 control-label">服务人员</label>
                    <div class="col-sm-8">
                    <div class="col-sm-4">
                    <input id="service_contact" class="simple-validate form-control" type="text" value="" data-simple-validate="notempty" placeholder="请填写联系人">
                    </div>
                    <div class="col-sm-4">
                    <input id="service_contact_phone" class="simple-validate form-control" type="text" value="" data-simple-validate="mobile" placeholder="请填写联系人手机号">
                    </div>
                    <input type="hidden" name="service_contact[0]">
                    <input type="button" class="btn btn-primary" id="add-input" value="+">
                    </div>
 
 js:
 
var contact = new Array();
var contact_num =0;
var contact_level;
 
 
 
 
 
$(document).on("click","#add-input",function(){
var i = $(this).parent().parent();
var ids = $(this).prev().attr("name");
ids = ids.substr(0,(ids.length)-3);
if(isArrayFn(contact) && contact.length>=0) {
if(contact_level == ids || contact[ids]!=null){
if(contact_num >= 1){
Tools.alert('最多两行');
return false;
}else {
contact[ids]=++contact_num;
}
}else{
contact_num =0;
contact[ids]=++contact_num;
}
console.log(contact)
console.log(contact[ids])
}else {
return false;
}
var str = '<div class="form-group">'+
                    '<label class="col-sm-2 control-label"></label>'+
                    '<div class="col-sm-8">'+
                    '<div class="col-sm-4">'+
                    '<input id="'+ids+'" class="simple-validate form-control" type="text" value="" data-simple-validate="integer" placeholder="请填写联系人">'+
                    '</div>'+
                    '<div class="col-sm-4">'+
                    '<input id="'+ids+'_phone" class="simple-validate form-control" type="text" value="" data-simple-validate="integer" placeholder="请填写联系人手机号">'+
                    '</div>'+
'<input type="hidden" name="'+ids+'['+contact_num+']" value="+">'+
                    '</div>'+
                    
                    '</div>';
i.after(str)
 
})

//判断是否是数组或数组对象

function isArrayFn(value){
if (typeof Array.isArray === "function") {
return Array.isArray(value);
}else{
return Object.prototype.toString.call(value) === "[object Array]";
}
}

bootstrap随笔点击增加的更多相关文章

  1. 在Bootstrap开发框架基础上增加WebApi+Vue&Element的前端

    基于Metronic的Bootstrap开发框架是我们稍早一点的框架产品,界面部分采用较新的Bootstrap技术,框架后台数据库支持Oracle.SqlServer.MySql.PostgreSQL ...

  2. BootStrap Modal 点击空白时自动关闭

    本文为大家讲解的是如何禁用 BootStrap Modal 点击空白时自动关闭的方法,感兴趣的同学参考下. 方法如下 $('#myModal').modal({backdrop: 'static', ...

  3. jq bootstrap select 点击不能动弹

    jq  bootstrap select 点击不能动弹   因为是样式selectpicker  冲突. 解决办法换 样式  form-control <select name="ty ...

  4. 点击增加删除class

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  5. D3.js+Es6+webpack构建人物关系图(力导向图),动态更新数据,点击增加节点,拖拽增加连线...

    觉得不错的麻烦加个Star:https://github.com/zhangzn3/D3-Es6 在线预览地址:https://zhangzn3.github.io/D3-Es6 功能列表:1. 增加 ...

  6. js实现点击增加文本输入框

    html代码: <ul id="ulid21" > <li id="li11" >问卷选项设置:</li> </ul& ...

  7. 禁用 BootStrap Modal 点击空白时自动关闭

    方法如下 $('#myModal').modal({backdrop: 'static', keyboard: false}); 这样就可以了, backdrop 为 static 时,点击模态对话框 ...

  8. ng-checked选择和点击增加dom

      1.需求 在添加页面实现一个checkbox的选择,然后在详情页面展示时,会自动选上之前被选中的. 2.添加页面 看官最好将这个代码复制过去看看效果. <!DOCTYPE html>& ...

  9. bootstrap modal 点击头部移动

    $(".modal").each(function(){ $(this).draggable({ handle: ".modal-header" // 只能点击 ...

随机推荐

  1. python gevent使用例子

    python gevent使用例子 from gevent.pool import Pool POOL_SIZE = 100 def process(func, param1_list, param2 ...

  2. Table分页显示调整

    这是table分页显示的代码,下面是对应调整的代码 /*分页调整*/ .fenye .dataTables_info{ line-height: 28px; } .fenye .pagination{ ...

  3. UIImagePickerController 视频录制操作,视频大小,时间长度

    一:使用 iOS 系统 UIImagePickerController 获取视频大小 获取视频长度 - (void)viewDidLoad { [super viewDidLoad]; // Do a ...

  4. EAS常用工具类

    package com.kingdee.eas.custom; import java.io.File; import java.io.FileNotFoundException; import ja ...

  5. MSSQL中循环

    1 declare @result table 2 ( 3 custid int, 4 ordermonth datetime, 5 qty int, 6 runqty int, 7 primary ...

  6. 关于spring中<context:component-scan base-package="" />写法

    1.通配符形式<context:component-scan base-package="com.*" /> 2.全路径 <context:component-s ...

  7. java反射调用某个对象的方法

    // 反射调用某个对象的方法 public Object invokeMethod(Object methodObject, String methodName, Object[] args) thr ...

  8. oracle事务块示例

    begin Insert into T_SYS_PAGEOPER (FOPERID,FPAGEID) values (152,22); Insert into T_SYS_PAGEOPER (FOPE ...

  9. springboot常见异常解决方案

    1.@Transactional类注入失败 spring的代理模式有2种::java自带的动态代理模式和cglib代理模式,默认情况下使用的java自带的代理模式. 对于这2种模式,java自带的适用 ...

  10. js返回页面顶部

    第一次写博客,不太专业,废话不多说,直接上自己早上做的东东.有不足之处,希望指点. css: body{counter-reset: p;} p{width: 100px;margin: 20px 0 ...