JSFiddle - React, Tailwind, and code Playground

by Hüseyin BABAL

HTML

<form action="" method="post" name="form2" id="form2">
  <input type="hidden" name="MM_update" value="form2" />
  <input type="hidden" name="projid" id="projid" value="1" />
  <select name="projstatus" id="projstatus" class="select1">
    <option value="0">Custom status</option>
    <option value="1">Awaiting</option>
    <option value="2">Ongoing</option>
    <option value="3">Finishing</option>
   </select>
</form>

<form action="" method="post" name="form3" id="form3">
  <input type="hidden" name="MM_update" value="form3" />
  <input type="hidden" name="projid" id="projid" value="2" />
  <select name="projstatus" id="projstatus" class="select1">
    <option value="0">Custom status</option>
    <option value="1">Awaiting</option>
    <option value="2">Ongoing</option>
    <option value="3">Finishing</option>
   </select>
</form>

<form action="" method="post" name="form4" id="form4">
  <input type="hidden" name="MM_update" value="form4" />
  <input type="hidden" name="projid" id="projid" value="3" />
  <select name="projstatus" id="projstatus" class="select1">
    <option value="0">Custom status</option>
    <option value="1">Awaiting</option>
    <option value="2">Ongoing</option>
    <option value="3">Finishing</option>
   </select>
</form>

<form action="" method="post" name="form5" id="form5">
  <input type="hidden" name="MM_update" value="form5" />
  <input type="hidden" name="projid" id="projid" value="4" />
  <select name="projstatus" id="projstatus" class="select1">
    <option value="0">Custom status</option>
    <option value="1">Awaiting</option>
    <option value="2">Ongoing</option>
    <option value="3">Finishing</option>
   </select>
</form>

JavaScript

$("select[name='projstatus']").change(function() {
    var projid = $(this).parent("form").find("input[name='projid']").val();
    var projstatus = $(this).val();
    var dataall = {'projid':projid, 'projstatus':projstatus};
    alert("Form will be sent: " + JSON.stringify(dataall));
    $.ajax({
        type: 'POST',
        url: "stsproj.php",
        data: dataall, 
        success: function (data) { 
            
        }
    });
});