如何在更改时获取多个隐藏输入的值

Question

How can i get values of any dynamic added hidden input element on change?

As you can see i dont have access to 1st event

$(document).on('keyup', 'input', function(){

and i cant add to this event

$('input[name="img"]').trigger('change')

 /* I DONT HAVE ACCESS TO THIS PART OF THE CODE */ $(document).on('keyup', 'input', function(){ $('input[name="img"]').val($(this).val()); }); /* */ $('input[name="img"]').on('change', function(){ console.log('changed') }); $('button').click(function(){ var html = `<input type="text"> <input type="hidden" name="img">`; $('.single').append(html) })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="container"> <div class="single"> <input type="text"> <input type="hidden" name="img"> </div> </div> <button>Add row</button>

Answer 1

This can be an alternate solution

 /* I DONT HAVE ACCESS TO THIS PART OF THE CODE */ $(document).on('keyup', 'input', function(){ $('input[name="img"]').val($(this).val()); }); /* WE WONT CHANGE ANYTHING HERE*/ /* JUST ADD THIS FUNCTION */ $(document).on('keyup', 'input', function(){ $('input[name="img"]').trigger('change') }); /* THIS WILL MAKE SURE THE INPUT IS TRIGGERED CHANGE */ $('input[name="img"]').on('change', function(){ console.log('changed') }); $('button').click(function(){ var html = `<input type="text"> <input type="hidden" name="img">`; $('.single').append(html) })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="container"> <div class="single"> <input type="text"> <input type="hidden" name="img"> </div> </div> <button>Add row</button>

Do let me know if this helps