【问题标题】:populate newly added textbox with last texbox value用最后一个文本框值填充新添加的文本框
【发布时间】:2015-04-01 09:21:13
【问题描述】:

如何使用最后一个 end_date 填充新添加的 begin_date 文本框?

$('body').on('focus', ".dpicker", function () {
$(this).datepicker();
});

JSFIDDLE 这里

【问题讨论】:

  • 可以有超过 2 个 .deleteRow 块吗?我的意思是你可以添加多少次新的表单输入?
  • @TienNguyen 是的,它可以是 10 或者客户想要什么

标签: javascript jquery date jquery-ui-datepicker


【解决方案1】:

如果您在添加多个表单后需要此功能

将类添加到您的 addItem 链接

<a href="#" id="addItem" class="addItem">add</a>

修改点击处理程序,使其能够监听新添加的链接

$(document).on('click', '.addItem', function () {...}

并在追加新表单块时添加输入字段值更新

$(document).on('click', '.addItem', function () {
    var last_date;
    $.ajax({
        url: this.href,
        cache: false,
        success: function (html) {
            last_date = $('.deleteRow:last .formInput:last input').val();
            $("#editorRows").append(str);
            $('.deleteRow:last .formInput:first input').val(last_date);
        }
    });
    return false;
});

演示在这里http://jsfiddle.net/mandarin6b0/ow0gsnvs/9/

附:尝试摆脱多个相同的ID。 (即 id="#addItem")

【讨论】:

    【解决方案2】:

    这样写:

     $("#addItem").click(function () {
        $.ajax({
            url: this.href,
            cache: false,
            success: function (html) {
                $("#editorRows").append(str);
                $(".deleteRow").find("input:first").val($("#endDate").val());
            }
        });
        return false;
    });
    

    【讨论】:

      【解决方案3】:

      你可以使用.clone()任一方式-

                success: function (html) {
                      $("#editorRows").append($this.closest('.deleteRow').clone());
                  }
      

      http://jsfiddle.net/ow0gsnvs/10/

      【讨论】:

        猜你喜欢
        • 2014-10-01
        • 1970-01-01
        • 2021-12-04
        • 1970-01-01
        • 1970-01-01
        • 2016-06-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多