javascript - How to get id of text box which is loaded dynamically -jquery -
i dynamically loading 3 text boxes in page, need take id of text boxes when clicked.
$.ajax({ url: "../taxclass/gettaxclass", type: "post", contenttype: "application/json", datatype: "json", success: function (data) { var taxclassbos = data.taxclassbos; $.each(taxclassbos, function (key, value) { $("#taxvatid").append('<div><label class="col-sm-3 control-label" for="vatid">' + value.description + '</label></div><div class="col-sm-3"><input type="text" name="vatid" value=""placeholder="' + value.title + '" id="' + value.taxclassid + '" class="form-control" /></div>'); }); } });
i have tried code
$('input[type="text"]').click(function () { var id = $(this).attr('id'); alert(id); });
you need event delegation bind event dynamically added elements. can use on() this.
$('staticparent').on('click','input[type="text"]'function(){
delegated events have advantage can process events descendant elements added document @ later time. picking element guaranteed present @ time delegated event handler attached, can use delegated events avoid need attach , remove event handlers.
Comments
Post a Comment