velocity页面下，使用jQuery实现点击添加按钮添加一行输入框

最新推荐文章于 2020-01-14 19:19:22 发布

曾哥叨逼叨

最新推荐文章于 2020-01-14 19:19:22 发布

阅读量1.1k

点赞数

分类专栏：前端文章标签： velocity jquery

本文链接：https://blog.csdn.net/qq_37107280/article/details/68492398

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

               <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>