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万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章