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

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

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -