JSFiddle - React, Tailwind, and code Playground

by synz izynz

HTML

<form>
<select name="kursus" class="changeMe">
<option value=''>Sila Pilih</option>
<option value='k01'>Kursus 1</option>
<option value='k02'>Kursus 2</option>
<option value='k03'>Kursus 3</option>
</select>

<select name="status" class="changeMe">
<option value=''>Sila Pilih</option>
<option value='Y'>Aktif</option>
<option value='T'>Tidak Akif</option>
</select>
</form>

<div class="myResult"></div>

JavaScript

$(document).ready(function(){
	
  $(".changeMe").on("change",function(){
  	var sendData = $(this).parent("form").serialize();
    $(".myResult").html(sendData);
    
    /* 
    	buat ajax disini
      send parameter/data sendData
      
      data send result dan status.
      query result boleh gabung. 
      dan display mengikut carian
      
				$.ajax({
					type		: "POST",
					data		: sendData,
					url 		: "<url ajax>",
					success 	: function(msg){
						$('.myResult').html(msg);
					}
					
				});
   	*/
  });
});