js实现点击增加文本输入框

js实现点击增加文本输入框

html代码:

<ul id="ulid21" >
      <li id="li11" >问卷选项设置:</li>
</ul>
 <tr>
     <input type="button" value="增加答案选项" onclick="insert1()" />
 </tr>

js代码:

<script type="text/javascript">
            function insert1() {
            var li13 = document.getElementById("li13");
            //创建li
            var li15 = document.createElement("li");
            //创建文本
            var text15 =document.createElement('input');
            text15.setAttribute('type', 'text');//输入框的类型
            text15.setAttribute('name', "answers");//输入框的名字
            text15.setAttribute('id', "b");//输入框的id
            //把文本添加到li下面 appendChild
            li15.appendChild(text15);
            //获取到ul
            var ul21 = document.getElementById("ulid21");
            
            //insertBefore(newNode,oldNode)
            ul21.insertBefore(li15,li13);
            }
        </script>

后台业务逻辑

/*获取前端录入的选项*/
        String[] s=request.getParameterValues("answers");
        /*循环插入答案到choose里面*/
        for(int i=0;i<s.length;i++){
            
            char c=(char)(i+65); //拼字符串变成A,B
            
            insertChoose(c+"、"+s[i],q.getQID());
        }