我要怎么得到这种效果,就当用户输入的是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 WPF 大屏看板表格背景图片设置
- ¥15 这个主板怎么能扩出一两个sata口
- ¥15 不是,这到底错哪儿了😭
- ¥15 2020长安杯与连接网探
- ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
- ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
- ¥16 mybatis的代理对象无法通过@Autowired装填
- ¥15 可见光定位matlab仿真
- ¥15 arduino 四自由度机械臂
- ¥15 wordpress 产品图片 GIF 没法显示