Advertisement
Guest User

bootstrap loading data on modal using data attributee

a guest
Jan 11th, 2019
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 1.07 KB | None | 0 0
  1. $('#editmodal').on('show.bs.modal', function(e) {
  2.     //get data-id attribute of the clicked element
  3.     var objid = $(e.relatedTarget).data('objid');
  4.     var rentyear = $(e.relatedTarget).data('year');
  5.     var rentmonth = $(e.relatedTarget).data('month');
  6.     var rate = $(e.relatedTarget).data('rate');
  7.     var fromdate = $(e.relatedTarget).data('from');
  8.     var todate = $(e.relatedTarget).data('to');
  9.     var amount = $(e.relatedTarget).data('amount');
  10.     var amtpaid = $(e.relatedTarget).data('amtpaid');
  11.     //populate the textbox sa form
  12.     $(e.currentTarget).find('input[name="objid"]').val(objid);
  13.     $(e.currentTarget).find('input[name="rentyear"]').val(rentyear);
  14.     $(e.currentTarget).find('input[name="rentmonth"]').val(rentmonth);
  15.     $(e.currentTarget).find('input[name="rate"]').val(rate);
  16.     $(e.currentTarget).find('input[name="fromdate"]').val(fromdate);
  17.     $(e.currentTarget).find('input[name="todate"]').val(todate);
  18.     $(e.currentTarget).find('input[name="amount"]').val(amount);
  19.     $(e.currentTarget).find('input[name="amtpaid"]').val(amtpaid);
  20.   });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement