ارسال مقادیر فیلد های اضافه شده با استفاده از fter() به روش ajax به سرور

[Black_Hammer]

سلام بنده سوالی داشتم ممنون می شم راهنمایی بفرمایید.

من این عناصر رو به صفحه با روخداد کلیک یک دکمه اضافه می کنم



var inpute = '<input type="text" id="text" placeholder="text"/>' +
'<input type="text" id="text2" placeholder="text2"/>' +
'<br/>' +
'<input type="button" id="btn"/>';
$("button").click(function() {
$(this).after(inpute);
});




تا این جا همه چیز درسته حالا می خوام وقتی کاربر روی اون دکمه جدید کلید کرد مقادیر اون دوتا فیلد رو بخونم و به صورت ajax به سمت سرور ارسال کنم پس اینو نوشتم:



$(inpute).on('click', "#btn", function () {
alert("event is fiered");
$.post("/Home/GetText",{ servertext: $(inpute).find("#text").val(), serverText2: $(inpute).find("#text2").val() },function (data) {
alert(data);
});
});



و اینم action من هست:



[HttpPost]
public string GetText(string servertext, string serverText2)
{
return $"done: {servertext}-{serverText2}";
}



اما کنترل کننده روخدادی که برای اون دکمه ای که تازه ایجاد شده کار نمی کنه و نمی تونم درخواستی رو ارسال کنم من روش های دیگه ای رو هم امتحان کردم مثل :




$(inpute).find("#btn").click(function () {
$.post("/Home/GetText",
{
servertext: $(inpute).find("#text").val(),
serverText2: $(inpute).find("#text2").val()
}, function (data) {
alert(data);
});
});




اما این کار نکرد کلا نمیشه یا نمی تونم یا دارم اشتباه می کنم و نمی تونم که برای اون دکمه جدید event handeler درست کنم. من چند تا روش دیگه رو هم امتحان کردم اما انا هم نشد و سر راست ترین هاشو براتون مثال زدم

لطفا من رو راهنمایی بفرمایید:گریه::گریه::گریه: