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());
        }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM