分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

jQuery动态添加input,name值自增

发布时间:2023-09-06 01:54责任编辑:沈小雨关键词:jQuery
 ???function addLi(){ ???????var listNum=$(".divList").length; ???????var num= listNum == 0 ? 1: listNum+1 ; ???????console.log(num); ???????var divObj = ‘<div class="divList"><input class="small_input" placeholder="起始年份" name="start_year‘+num +‘" /><input class="small_input" placeholder="结束年份" name="end_year‘+num +‘" /><input class="small_input" placeholder="国家" name="country‘+num +‘" /><input class="small_input" placeholder="项目金额" name="item_amount‘+num +‘" ?/><input class="small_input" placeholder="项目名称" name="item_name‘+num +‘" /></div>‘ ???????$(‘.main_business‘).append(divObj); ???????var input_sum_val=$(".input_sum").val() ?????$(".input_sum").val(++input_sum_val); ???}
 ??????<dd style="height: auto;"> ???????????<label>主营业务</label> ???????????<input class="input_sum" type="hidden" name="max" value="1" /> ???????????<div class="main_business"> ???????????????<input class="small_input" placeholder="起始年份"><input class="small_input" placeholder="结束年份"> ???????????????<input class="small_input" placeholder="国家"><input class="small_input" placeholder="项目金额"><input class="small_input" placeholder="项目名称"> ???????????</div> ??????????<button onclick="addLi()">add</button> ???????</dd>

jQuery动态添加input,name值自增

原文地址:https://www.cnblogs.com/zhangjianzhen/p/9049214.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved