velocity頁面下,使用jQuery實現點擊添加按鈕添加一行輸入框

               <form class="form-horizontal form-horizontal-inline row-fluid" >
                    <table class="table table-hover table-text-center" id="addInput">

                        <tbody>
                          //遍歷controller傳過來的對象集合
                            #foreach($!data in ${listData})
                                #set($index = $loopCounter + 1)
                            <tr>
                                <td><input  type="hidden" name="iconId" value=""/></td>
                                <td><input  type="hidden" name="classifyId" value=""/></td>
                                <td><input   type="text" name="iconName"  value=""/></td>
                                <td><input  type="text" name="iconPic"  value=""/></td>
                                <td><input  type="text" name="iconUrl"  value=""/></td>
                                <td>
                                    <a class="btn btn-primary" href="#">刪除</a>
                                </td>
                            </tr>
                            #end
                        </tbody>
                    </table>
                    <input type="button" class="btn btn-primary" οnclick="add()" value="添加" />
                    <input class="btn btn-success" type="button" id="save_btn" value="保存"></input>
               </form>


<script type="text/javascript">

    function add() {
        $("#addInput tr:last").after("<tr>" +
                "<td>"+
                "<input  type='hidden' name='iconId' value=''/>"+"</td>"+
                "<td>"+
                "<input  type='hidden'  name='classifyId' value='$!listData[0].classifyId'/>"+"</td>"+
                "<td>"+
                "文字:<input type='text' name='iconName'/>"  +"</td>" +
                "<td>" +
                "icon圖:<input type='text' name='iconPic'/>" +
                "</td>" +
                "<td>"+
                "鏈接地址:<input type='text' name='iconUrl'/>"+
                "</td>"+
                "<td>"+
                "<a class='btn btn-primary' οnclick='$(this).parent().parent().remove()' >"+"刪除"+"</a>"+
                "</td>"+
                "</tr>");
    }
</script>


發佈了27 篇原創文章 · 獲贊 83 · 訪問量 24萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章