JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="number_index">
                                        
    <form method="POST" class="form_index">
       <input type="text" name="index" size="1" value="222" />
       <input type="hidden" name="id_event" value="55" />
       <input type="hidden" name="id_user" value="256" />
       <input type="submit" name="sub_index" value="ok" />
    </form> 
    
</div>
 
<div class="number_index">
                                        
    <form method="POST" class="form_index">
       <input type="text" name="index" size="1" value="333" />
       <input type="hidden" name="id_event" value="55" />
       <input type="hidden" name="id_user" value="354" />
       <input type="submit" name="sub_index" value="ok" />
    </form> 
    
</div>
 
<div class="number_index">
                                        
    <form method="POST" class="form_index">
       <input type="text" name="index" size="1" value="444" />
       <input type="hidden" name="id_event" value="55" />
       <input type="hidden" name="id_user" value="879" />
       <input type="submit" name="sub_index" value="ok" />
    </form> 
    
</div>

JavaScript

$(function(){
	$( '.form_index').submit(function(e) {     
		e.preventDefault();
		var index = $(this).find("input[name='index']").val();
		var id_user = $(this).find("input[name='id_user']").val();
		var id_event = $(this).find("input[name='id_event']").val();
		$(this).parent().fadeOut( 500 , function() {
			$(this).parent().html(data);
		}).fadeIn( 500 ); 
	});
});