JSFiddle - React, Tailwind, and code Playground

by Jared

HTML

<select>
  <option value="formA">FormA</option>
  <option value="formB">FormB</option>
</select>

<section>
  <h3> FormA </h3>
  <form id='formA'>
    <input type="text" value="foo" />
    <select>
      <option value="1">1</option>
      <option value="2">2</option>
    </select>
  </form>
</section>

<section>
  <h3> FormB </h3>
  <form id='formB'>
    <input type="text" value="foo" />
    <select>
      <option value="1">1</option>
      <option value="2">2</option>
    </select>
  </form>
</section>

JavaScript

function alertChange(e) {
	var formId = $(e.target).closest('form').attr('id')
	alert('something changed in ' + formId)
}

$(function () {
	$('#formA', 'body').on('change', 'input, select', alertChange);
})