zoukankan      html  css  js  c++  java
  • 动态新增和删除元素

    <div id="appendDevelopmentNumber">

    </div>

    //添加

    function addDevelopmentNumber() {

        $("#appendDevelopmentNumber").append('<div class="row"> ' +

            '                        <div class="form-group"> ' +

            '                            <label class="col-sm-4 control-label"></label> ' +

            '                            <input name="developmentNumber" data-role="maskedtextbox" type="text" style="100px;" ' +

            '                                   data-bind="value:model.developmentNumber"  class="k-textbox"/> ' +

            '                            <input name="developmentNumber" data-role="maskedtextbox" type="text" style="180px;" ' +

            '                                   data-bind="value:model.developmentNumber"  class="k-textbox"/> ' +

            '                            <button type="button" class="btn btn-default" aria-label="Left Align" onclick="addDevelopmentNumber()"> ' +

            '                                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> ' +

            '                            </button> ' +

            '                            <button type="button" class="btn btn-default" aria-label="Left Align" onclick="delDevelopmentNumber(this)"> ' +

            '                                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> ' +

            '                            </button> ' +

            '                        </div> ' +

            '                    </div>');

    }

    //移除

    function delDevelopmentNumber(e) {

        console.info(e);

        console.info($(e).parent().parent());

        $(e).parent().parent().remove();

    }
    ---------------------
    作者:小发明家啦啦啦啦啦
    来源:CSDN
    原文:https://blog.csdn.net/qq_39404935/article/details/83000014
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    uva 816
    SQL语言类
    VTK中国文字显示和简单的医疗图像浏览软件
    系统开始了解--感兴趣的文章
    的天数,以一个日期与当前日期的
    POJ 2528 QAQ段树+分离
    IT该忍者神龟Instant client required
    进程和线程之间的通信
    2014——我的求职(两)
    如何绕过chrome的弹窗拦截机制
  • 原文地址:https://www.cnblogs.com/brady-wang/p/11132149.html
Copyright © 2011-2022 走看看