JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<form action="data1.php" id="form1">
  <select name="tType">
    <option value="Value1" data-url="data1.php">Value 1</option>
    <option value="Value2" data-url="data2.php">Value 2</option>
  </select>

  <button id="checkAction">Check Action</button>
  <div id="response"></div>
</form>

JavaScript

$('[name=tType]').change(function() {
	var url = $("option:selected", this).data('url');
	$(this).parents('form').prop( 'action', url );
});

$('#checkAction').click(function(e) {
	e.preventDefault();
  $('#response').html( $('#form1').prop('action'));   
});