用最后一个文本框值填充新添加的文本框
populate newly added textbox with last texbox value
如何使用最后一个 end_date 填充新添加的 begin_date 文本框?
$('body').on('focus', ".dpicker", function () {
$(this).datepicker();
});
JSFIDDLE 这里
这样写:
$("#addItem").click(function () {
$.ajax({
url: this.href,
cache: false,
success: function (html) {
$("#editorRows").append(str);
$(".deleteRow").find("input:first").val($("#endDate").val());
}
});
return false;
});
如果你在不止一种形式添加后需要这个功能
将 class 添加到您的 addItem link
<a href="#" id="addItem" class="addItem">add</a>
修改点击处理程序,使其能够侦听新添加的 links
$(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")
您可以使用 .clone()
两种方式-
success: function (html) {
$("#editorRows").append($this.closest('.deleteRow').clone());
}
如何使用最后一个 end_date 填充新添加的 begin_date 文本框?
$('body').on('focus', ".dpicker", function () {
$(this).datepicker();
});
JSFIDDLE 这里
这样写:
$("#addItem").click(function () {
$.ajax({
url: this.href,
cache: false,
success: function (html) {
$("#editorRows").append(str);
$(".deleteRow").find("input:first").val($("#endDate").val());
}
});
return false;
});
如果你在不止一种形式添加后需要这个功能
将 class 添加到您的 addItem link
<a href="#" id="addItem" class="addItem">add</a>
修改点击处理程序,使其能够侦听新添加的 links
$(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")
您可以使用 .clone()
两种方式-
success: function (html) {
$("#editorRows").append($this.closest('.deleteRow').clone());
}