我要怎么得到这种效果,就当用户输入的是3就出来01+02+03这种,求解
3条回答 默认 最新
关注 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="number" name="" id="input"/> <input type="button" name="" id="btn" value="按钮"/> <div id="mydiv" style="display: flex;"></div> <br/> <div id="mj" style="display: flex;"></div> <input type="button" name="" id="getbtn" value="获取数据"/> </body> <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> <script> $('#btn').click(function(){ var num = $('#input').val() let html ='' let html2 ='' for(let i =0;i<num;i++){ html += `<span>格式</span><span>层号+</span><input readonly class="chvalue" value="${ String(i).padStart(2, '0') } "></input> ` html2 += `<span>面积</span><input type="number" class="mjvalue"></input> ` } $('#mydiv').empty() $(html).appendTo('#mydiv') $('#mj').empty() $(html2).appendTo('#mj') }) //获取数据 $('#getbtn').click(function(){ var chArr = new Array(); var mjArr = new Array(); $('.chvalue').each(function(){ chArr.push($(this).val());//添加至数组 }); $('.mjvalue').each(function(){ mjArr.push($(this).val());//添加至数组 }); console.log(chArr,mjArr) }) </script> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 AT89C51控制8位八段数码管显示时钟。
- ¥15 真我手机蓝牙传输进度消息被关闭了,怎么打开?(关键词-消息通知)
- ¥15 下图接收小电路,谁知道原理
- ¥15 装 pytorch 的时候出了好多问题,遇到这种情况怎么处理?
- ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
- ¥15 手机接入宽带网线,如何释放宽带全部速度
- ¥30 关于#r语言#的问题:如何对R语言中mfgarch包中构建的garch-midas模型进行样本内长期波动率预测和样本外长期波动率预测
- ¥15 ETLCloud 处理json多层级问题
- ¥15 matlab中使用gurobi时报错
- ¥15 这个主板怎么能扩出一两个sata口