网页中点击增加按钮

效果:


HTML:

        <table border="1" width="100%" class="table_a" style="display:none" id="gallery-tab-table">
            <tr><input type="hidden" name="gallery_act" value="gallery_tab"></tr>
            <tr>
                <th>
                    <span style="cursor: pointer" οnclick="add_item()">[+]</span>
                    <label>商品相册</label>
                </th>
                <td>
                    <input type="file" name="goods_pics[]" id="goods_pics_0"/>
                    <div id="goods_pics_div_0">
                        <img src="" alt="" id="goods_pics_img_0" height="100">
                    </div>
                </td>
            </tr>
            <script type="text/javascript">
                $(function () {
                    new uploadPreview({
                        UpBtn: "goods_pics_0",
                        DivShow: "goods_pics_div_0",
                        ImgShow: "goods_pics_img_0"
                    })
                })
            </script>
        </table>

javascript:

        <script type="text/javascript">
            var num = 1;
            function add_item() {
                var s = "<tr><th><span style='cursor: pointer' οnclick='$(this).parent().parent().remove()'>[-]</span><label>商品相册</label></th><td><input type='file' name='goods_pics[]' id='goods_pics_"
                    + num + "'/><div id='goods_pics_div_" + num + "'><img src='' alt='' id='goods_pics_img_" + num + "' height='100'></div></td></tr>";
                $('#gallery-tab-table').append(s);

                new uploadPreview({
                    UpBtn: "goods_pics_" + num,
                    DivShow: "goods_pics_div_" + num,
                    ImgShow: "goods_pics_img_" + num
                });
                num++;
            }
        </script>


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值