bootstrap随笔点击增加
2024-08-27 23:11:38
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]";
}
}
最新文章
- 作为一名前端er，从武汉来到深圳三个月有感
- IE7中绝对定位元素之间的遮盖问题
- Vue中class与style绑定
- Html - 对话箭头
- B树索引
- CROC 2016 - Elimination Round (Rated Unofficial Edition) D. Robot Rapping Results Report 拓扑排序+二分
- CentOS7安装nagios并配置出图详解
- 1613. For Fans of Statistics(STL)
- HDU 4727 The Number Off of FFF 2013年四川省赛题
- 【LeetCode】3Sum 解决报告
- KMP详解之二
- [HAOI2010]最长公共子序列（LCS+dp计数）
- 【python】判断值是否在list和set的对比以及set的实现原理
- L226
- windows与linux环境查看jdk安装路径
- python3实现合并两个有序数组
- IOS9中使用NSURLConection发送异步网络请求
- CCNA2.0笔记_路由相关
- Python—面向对象01
- 【PHP】PHP常用数组(Array)函数整理