• 动态新增和删除元素


    <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
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    定时器QTimer
    QDoubleSpinBox浮点型数字调节框
    pyqt5-步长调节器
    字体选择框QFontComboBox
    组合框-下拉选择框QCombox
    复选框QCheckBox
    CMake学习记录--list(列表操作命令)
    CMake命令之list
    make的link_directories命令不起作用
    Linux平台用C++实现事件对象,同步线程
  • 原文地址:https://www.cnblogs.com/brady-wang/p/11132149.html
Copyright © 2020-2023  润新知