Adding HTML elements into a table column dynamically using Jquery AJAX (RadioButton)
Here I have shown you how you can add HTML elements inside a table that is generated from Jquery AJAX call. or Dynamically.
PS: < IS FOR LESSTHAN SIGN AND > IS FOR GREATER THAN SIGN AS YOUTUBE DOES NOT ALLOW ANGLE BRACKETS
Please replace @lt; with greater than sign and > with greater than sign
==========================
< script type="text/javascript" >
$(document).ready(function () {
debugger;
//var pname = $('#dpdnperson :selected').text();
//var pid = $('#txtSlno').val();
$('#btnGetAll').click(function () {
debugger;
getData();
})
function getData()
{
debugger;
$.ajax({
type: 'GET',
url: 'http://localhost:5251/api/Student',
contentType: 'json',
//data: { txtFromDate: dfrom, txtToDate: dto, dpdnperson: pname, id: pid },
success: function (response) {
if (response.length == 0) {
alert(response);
} else {
//alert(response);
$.each(response, function (index, item)
{
$("#studtblbody").append(" < tr> < td> < input type='radio' id='rd1' name='rd1' value=" + item.Id + " group='rad1' /> < input type='hidden' id='r1' name='r1' value=" + item.Id + " /> </td> <td > " + item.StudentName + " </td> <td> " + item.age + " </td> <td> " + item.Address + " </td> <td> Edit | Delete </td> </tr> ");
});
}
},
error: function (err) {
alert(error);
console.error(err);
}
});
}
$(document).on("click", "#ibtn", function () {
debugger;
//$(this).text("It works!");
//$(this).prop("value", "Input New Text");
$(this).val("Input New Text");
alert("Something");
});
$(document).on("click", "a", function () {
debugger;
$(this).text("It works!");
alert("link clicked");
});
$(document).on("click", "#rd1", function () {
debugger;
//$(this).text("It works!");
alert("radio clicked");
});
***************************************************
#jquery #htmlelements #elementsintable
Sur cette page du site, vous pouvez voir la vidéo en ligne Adding HTML elements into a table column dynamically using Jquery AJAX (RadioButton) durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Fired Developer 05 août 2023, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 390 fois et il a aimé 7 téléspectateurs. Bon visionnage!
