使用上一个文本框值填充新添加的文本框

时间:2015-04-01 09:21:14

标签: javascript jquery date jquery-ui-datepicker

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

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

JSFIDDLE 此处enter image description here

3 个答案:

答案 0 :(得分:2)

如果您在多次添加表格后需要此功能

将类添加到 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/

P.S。尝试摆脱多个相同的id。 (即id =“#addItem”)

答案 1 :(得分:0)

像这样写:

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

答案 2 :(得分:0)

您可以使用.clone()两种方式 -

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

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