首先说下需求,最近做的是一个招聘系统,需要录入应聘者的信息,为了人性化我们需要动态的添加表单!
来张截图看下
表单里面有日期,下拉选和输入框,点击添加按钮会出来下一行
看下具体实现吧!
首先,点击添加一行需求内容这个不难。
function addstrs1(i) {
let iNums = getRandomNum();
let strs1;
strs1 = '<tr>\n' +
' <td style="display: none">\n' +
' <input type="text" name="number1" value="'+i+'">\n' +
' </td>\n' +
' <td>\n' +
' <input type="text" name="StartTime" class="layui-input" id="test1'+iNums+'" >\n' +
' </td>\n' +
' <td>\n' +
' <input type="text" name="EndTime" class="layui-input" id="test2'+iNums+'" >\n' +
' </td>\n' +
' <td>\n' +
' <input type="text" name="Major" class="layui-input">\n' +
' </td>\n' +
' <td>\n' +
' <select name="Education" lay-filter="">\n' +