Updating A Value Of A Td Without The Need To Reload The Page

When I change the status of some patients using AJAX I need to change the value that is displayed by a directly to the same value selected from drop list: $(document).on

Solution 1:

After ajax success you can do like this :

success:function(resp){
$('#td _id').html(change_status_value);// just a demo 
            },

Solution 2:

Firstly use class instead of id for multiple elements.
eg: <td class="change_status">

Secondly use
$(this).html(new_status);
Instead of
$(this).closest('tr').find('#change_status').val(new_status);